@font-face{
font-family:  'contextcond';
src: url('webfont/context_reprise_blackcond_ssi_normal-webfont.eot');
src:  local('?'), url('webfont/context_reprise_blackcond_ssi_normal-webfont.woff') format('woff'),  url('webfont/context_reprise_blackcond_ssi_normal-webfont.ttf') format('truetype'),  url('webfont/context_reprise_blackcond_ssi_normal-webfont.svg#webfontn595P3zr') format('svg');
font-weight:  bold;
font-style: normal;
}

@font-face{
font-family:  'newcycle';
src: url('webfont/newscycle-regular-webfont.eot');
src:  local('?'), url('webfont/newscycle-regular-webfont.woff') format('woff'),  url('webfont/newscycle-regular-webfont.ttf') format('truetype'),  url('webfont/newscycle-regular-webfont.svg#webfontn595P3zr') format('svg');
font-weight:  bold;
font-style: normal;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#f1f1f1;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

html { overflow-x:hidden ; }

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	font-weight: normal;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}


div#bandeau1{
	width: 100%;
	height: 220px;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	background-color:#141F0F;
	background:url(images/fond_bandeau1.png) top repeat-x;
	z-index:100;
}

		div#affichage1{
			position:absolute;
			width: 940px;
			height: 220px;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -470px;
			z-index: 110;
		}
		
			div#logo{
				position:relative;
				width: 285px;
				height: 150px;
				top: 0px;
				left: 0px;
				margin: 43px 0 0 0;
				z-index: 120;
				overflow:hidden;
				float:left;
			}
			
			div#adresse{
				position:relative;
				width: 367px;
				height: 128px;
				top: 0px;
				left: 0px;;
				margin: 45px 0 0 288px;
				z-index: 130;
				overflow:hidden;
				float:left;
			}
		
div#bandeau2{
	width: 100%;
	height: 295px;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	background-color:#000e62;
	z-index:1000;
}		

		div#affichage2{
			position:relative;
			width: 940px;
			height: 295px;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -470px;
			z-index: 1100;
		}
		
			div#showcase{
				position:absolute;
				width: 940px;
				height: 295px;
				top: 0px;
				left: 0px;
				margin: 0 0 0 0;
				z-index: 1200;
				overflow:hidden;
			}
	

div#bandeau3{
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	background-color:#F0F1EC;
	z-index:300;
}

		div#affichage3{
			position:relative;
			width: 940px;
			height: auto;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -470px;
			padding:50px 0 0 0;
			z-index:310;
			overflow:visible;
		}
		
		div#affichage3_2{
			position:relative;
			width: 950px;
			height: auto;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -445px;
			padding:50px 0 0 0;
			z-index:310;
			overflow:visible;
		}
		
			div#texte_1{
				position:relative;
				width: 263px;
				height: 225px;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:330;
				float:left;
			}
			
				div#texte_1_news{
					position:relative;
					width: 263px;
					height: auto;
					top: 0px;
					left: 0px;
					margin: 0 50px 0 0;
					z-index:330;
					float:left;
				}
			
			div#texte_2{
				position:relative;
				width: 263px;
				height: 225px;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:330;
				float:left;
			}
			
			div#texte_3{
				position:relative;
				width: 263px;
				height: 225px;
				top: 0px;
				left: 0px;
				margin: 0 0 0 0;
				z-index:330;
				float:left;
			}
			
			div#texte_4{
				position:relative;
				width: 500px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 65px 50px 0 0;
				z-index:340;
				float:left;
			}
			
				div#texte_4_societe{
					position:relative;
					width: 500px;
					height: auto;
					top: 0px;
					left: 0px;
					margin: 0 0 0 38px;
					z-index:340;
					float:left;
				}
				
				div#texte_4_contact{
					position:relative;
					width: 455px;
					height: auto;
					top: 0px;
					left: 0px;
					margin: 0 0 0 30px;
					z-index:340;
					float:left;
				}
			
			div#texte_5{
				position:relative;
				width: 350px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 65px 0 0 38px;
				z-index:340;
				float:left;
			}
			
				div#texte_5_societe{
					position:relative;
					width: 350px;
					height: auto;
					top: 0px;
					left: 0px;
					margin: 0 50px 0 0;
					z-index:340;
					float:left;
				}
			
				div#texte_5_contact{
					position:relative;
					width: 455px;
					height: auto;
					top: 0px;
					left: 0px;
					margin: 0 0 0 0;
					z-index:340;
					float:left;
				}
			
				div#prestations{
					width: 388px;
					height: 50px;
					top: 0px;
					left: 0px;
					margin: 0 0 0 0;
					background-image: url(images/fond_prestations.png);
					background-repeat:repeat-x;
					z-index:350;
				}	
			
			
			div#texte_6{
				position:relative;
				width: 290px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 30px 0 0 0;
				z-index:350;
				float:left;
			}
			
				div#clients{
					width: 270px;
					height: 20px;
					top: 0px;
					left: 0px;
					margin: 0 0 0 20px;
					background-image: url(images/fond_prestations.png);
					background-repeat:repeat-x;
					z-index:350;
				}	
				
			
			div#carte{
				position:relative;
				width: 313px;
				height: 200px;
				top: 0px;
				left: 0px;
				margin: 75px 0 0 0px;
				z-index:350;
				float:left;
			}
			
			div#batiment{
				position:relative;
				width: 591px;
				height: 200px;
				top: 0px;
				left: 0px;
				margin: 75px 0 0 36px;
				z-index:350;
				float:left;
			}
			
			div#texte_1_2{
				position:relative;
				width: 263px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:330;
				float:left;
			}
			
			div#texte_2_2{
				position:relative;
				width: 263px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:330;
				float:left;
			}
			
			div#texte_3_2{
				position:relative;
				width: 263px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 0 0 0 0;
				z-index:330;
				float:left;
			}
			
			div#texte_4_parc{
				position:relative;
				width: 443px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:340;
				float:left;
			}
			
			div#texte_5_parc{
				position:relative;
				width: 262px;
				height: auto;
				top: 0px;
				left: 0px;
				margin: 0 0 0 134px;
				z-index:340;
				float:left;
			}
			
			div#encart_photos{
				position:relative;
				width: 263px;
				height: 170px;
				top: 0px;
				left: 0px;
				margin: 0 50px 0 0;
				z-index:330;
				float:left;
			}
			
		

div#bandeau4{
	width: 100%;
	height: auto;
	top: 0px;
	left: 0px;
	margin: 50px 0 0 0;
	background-color:#F0F1EC;
	z-index:400;
}

		div#affichage4{
			position:relative;
			width: 890px;
			height: 150px;
			top: 0px;
			left: 50%;
			margin: 0 0 0 -445px;
			padding:50px 0 0 0;
			z-index:410;
			overflow:visible;
			background-color:#F0F1EC;
			background-image: url(images/fond_bandeau4.png);
			background-repeat:repeat-x;
		}
		

div#divmenu{
	position:absolute;
	width: 940px;
	height: 22px;
	top: 0px;
	left: 50%;
	margin: 180px 0 0 -175px;
	z-index: 2000;
	overflow:visible;
}

		#menu {
			height: 22px;
			z-index: 2100;
		}
		#menu ul {
			margin:0 0 0 0;
			padding:0 0 0 0;
			list-style-type:none;
			text-align:left;
		}
		#menu li {
			float: left;
			margin: auto;
			padding: 0;
			text-align: center;
			border-right-width: 1px;
			border-right-style: solid;
			border-right-color: #343434;
		}
		#menu li a {
			display:block;
			width:128px;
			color:#343434;
			text-decoration:none;
			padding:0 0 0 0;
			font-family:Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			font-weight:bold;
		}
		#menu li a:hover {
			color:#999;
		}
		#menu ul li ul {
			display:none;
			background-color:#000e62;
		}
		#menu ul li ul li a{
			font-family:Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding:5px 0 5px 0;
			color:#CCC;
			font-style: normal;
			font-weight:normal;
		}
		
		#menu ul li ul li a:hover{
			color:#ffffff;
		}
		
		#menu ul li:hover ul {
			display:block;
		}
		#menu li:hover ul li {
			float:none;
		}


/******************************/
/* polices */
/******************************/

.arial10blanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ffffff;
	font-style: normal;
	line-height:14px;
}

.arial11blanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ffffff;
	font-style: normal;
	line-height:14px;
}

.arial11blancsur{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-style: normal;
	line-height: 14px;
	background-color: #000e62;
}

.arial11gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #343434;
	font-style: normal;
	line-height:14px;
}

.arial12blanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	font-style: normal;
	line-height:18px;
}

.arial12grisgras{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#343434;
	font-style: normal;
	line-height:18px;
	font-weight:bold;
}

.arial14gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#252525;
	font-style: normal;
	line-height:22px;
}

.arial12gris{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#252525;
	font-style: normal;
	line-height:18px;
}

.arial12grisclair{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000e62;
	font-style: normal;
	line-height:18px;
}

.arial18blanc{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	font-style: normal;
	line-height:35px;
}


.arial18vert{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #9EBE3B;
	font-style: normal;
	line-height:35px;
}


.verdana16rouge{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color:#FF0000;
	font-style: normal;
}

.newcycle30gris{
	font-family: "newcycle", verdana;
	font-size: 30px;
	color: #434343;
	font-style: normal;
	font-weight:normal;
	line-height: 30px;
}

.newcycle24gris{
	font-family: "newcycle", verdana;
	font-size: 24px;
	color: #343434;
	font-style: normal;
	font-weight:bold;
	line-height: 30px;
}

.context18gris{
	font-family: "contextcond", verdana;
	font-size: 18px;
	color: #252525;
	font-style: normal;
	font-weight:bold;
	line-height: 22px;
}

.context24gris{
	font-family: "contextcond", verdana;
	font-size: 24px;
	color: #252525;
	font-style: normal;
	font-weight:bold;
	line-height: 28px;
}


.context16vert{
	font-family: "contextcond", verdana;
	font-size: 16px;
	color: #000e62;
	font-style: normal;
	font-weight:bold;
	line-height: 22px;
}

.context24vert{
	font-family: "contextcond", verdana;
	font-size: 24px;
	color: #000e62;
	font-style: normal;
	font-weight:bold;
	line-height: 28px;
}

.context36gris{
	font-family: "contextcond", verdana;
	font-size: 30px;
	color: #1F1F1F;
	font-style: normal;
	font-weight:bold;
	line-height: 36px;
}

.context24gris_2{
	font-family: "contextcond", verdana;
	font-size: 20px;
	color: #252525;
	font-style: normal;
	font-weight:bold;
	line-height: 50px;
}

.context40gris{
	font-family: "contextcond", verdana;
	font-size: 40px;
	color: #1F1F1F;
	font-style: normal;
	font-weight:bold;
	line-height: 44px;
}

.celulle10 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
}

.celulle_identification {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 200px;
}