* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body  {
	background-color: #FFF;
	font-family: Tahoma, Trebuchet, sans-serif;
	height: 100%;
}
body.sas {
	background: url('/images/menu/main/backgrounds/poralu-sas.gif') no-repeat top center;
}

body.charpente {
	background: url('/images/menu/main/backgrounds/poralu-charpente.gif') no-repeat top center;
}

body.aluminium {
	background: url('/images/menu/main/backgrounds/poralu-aluminium.gif') no-repeat top center;
}

body.metallerie {
	background: url('/images/menu/main/backgrounds/poralu-metallerie.gif') no-repeat top center;
}

body.environnement {
	background: url('/images/menu/main/backgrounds/poralu-environnement.gif') no-repeat top center;
}

body.divers {
	background: url('/images/menu/main/backgrounds/poralu-divers.gif') no-repeat top center;
}

img {
	border: 0;
}

div.spacer {
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
}

#container {
	position: relative;
	width: 1060px;
	margin: 0 auto;
	min-height: 100%;
}

#header {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	z-index: 1000;
}

#content {
	width: 1060px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	z-index: 100;
}

#content div.main {
	float: left;
	width: 711px;
}

#content div.main div.left {
	float: left;
	width: 174px;
	background-color: #FFF;
	z-index: 100;
}

#content div.left img {
	display: block;
}

#content div.main div.center {
	float: left;
	width: 537px;
	overflow: hidden;
}

#content div.main div.center {
	font-family: Tahoma, Trebuchet, sans-serif;
	color: #626262;
	font-size: 11px;
}

#content div.main div.center h2 {
	font-size: 0;
	line-height: 0;
}

#content div.main div.center h3 {
	font-size: 15px;
}

#content div.main div.center h4 {
	font-size: 0;
	line-height: 0;
}

#content div.main div.center h5 {
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
}

#content div.main div.center p {
	font-size: 11px;
	line-height: 11px;
}

tr.grey-clickable {
	cursor: default;
	background-color: #FFF;
}

tr.grey-clickable-over {
	cursor: pointer;
	background-color: #ebebeb;
}

#content div.right {
	float: left;
	width: 318px;
}

#footer-content-separator {
	font-size: 0;
	line-height: 0;
	height: 41px;
	background-color: #FFF;
	position: relative;
	z-index: 1000;
}

#footer {
	width: 1000px;
	margin: 0 auto;
	background-color: #FFF;
	position: relative;
	z-index: 1000;
}

#footer a.top {
	margin-left: 132px;
}

#footer a.top img {
	background: url('/images/divers/btn-top-01.gif') no-repeat center;
	width: 34px;
	height: 9px;
}

#footer a.top:hover img {
	background: url('/images/divers/btn-top-012.gif') no-repeat center;
}

#footer div.infos {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 0;
	background: url('/images/divers/footer-02.gif') repeat-y left top;
	padding-left: 167px;
	padding-top: 14px;
}

#footer div.infos div.links {
	color: #5d5d5d;
	font-size: 9px;
	line-height: 9px;
}

#footer div.infos div.links a {
	text-decoration: none;
	color: #5d5d5d;
}

#footer div.infos div.links a:hover {
	text-decoration: underline;
	color: #df253e;
}

#footer div.infos div.address {
	margin-top: 20px;
	color: #a4a7aa;
	font-size: 9px;
	line-height: 9px;
}

#footer div.infos div.address a.contact {
	text-decoration: none;
	margin-left: 8px;
}

#footer div.infos div.address a.contact:hover {
	text-decoration: none;
}

#footer div.infos div.address a.contact span {
	text-decoration: none;
	color: #a4a7aa;
	margin-left: 5px;
}

#footer div.infos div.address a.contact:hover span {
	text-decoration: underline;
	color: #df253e;
}

#footer div.infos div.address a.contact img {
	background: url('/images/divers/picto-contact-01.gif') no-repeat center;
	width: 10px;
	height: 7px;
}

#footer div.infos div.address a.contact:hover img {
	background: url('/images/divers/picto-contact-012.gif') no-repeat center;
}

#bottom-div {
	position: absolute;
	width: 1100px;
	z-index: 1;
	bottom: 0;
	top: 0;
	background: url('/images/divers/footer-bg.gif') repeat-y left top;
	min-height: 100%;
}

#realisation
{
	position: absolute;
	left: 174px;
	top: 0px;
	opacity:1;
	filter: alpha(opacity = 100);
	width: 495px;
  height:625px;
	background:#fff;
	border:0px solid #ff0000;
	padding:20px;
}

.rea-fermer{
  border:0px solid #000;
  width:100%;
  height:25px;
  text-align:right;
}

.rea-logo{
  float:left;
  border:0px solid #000;
  width:300px;
  height:100px;
}

.rea-haut-droite{
  float:left;
  border:0px solid #000;
  width:190px;
  height:50px;
}

.rea-haut-droite-nav-charpente{
  float:left;
  border:0px solid #000;
  width:190px;
  height:30px;
  background:#9F0002;
}

.rea-texte{
  float:left;
  border:0px solid #000;
  width:300px;
  height:150px;
}

.rea-vignette{
  float:left;
  border:0px solid #000;
  width:190px;
  height:150px !important;
  height:200px;
}

.rea-photo-bas{
  border:0px solid #000;
  margin-top:100px;
  width:100%;
  height:250px;
}

.txt-rouge{
	font-family: Tahoma, Trebuchet, sans-serif;
  color:#9F0002;
  font-size:11px;
  font-weight:bold;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 500px;
	background-color: #000;
	z-index: 2000;
}

#realisations-slide {
	width: 533px;
	min-height: 594px;
	display: block;
	position: absolute;
	z-index: 2000;
	top: 128px;
}

#realisations-top {
	text-align: right;
	height: 27px;
	width: 533px;
	line-height: 0;
	font-size: 0;
}

#realisations-header {
	background-color: #FFFFFF;
}

#realisations-header img {
	display: block;
	float: left;
}

#realisations-header-right {
	background: #FFF url('/images/divers/realisations-pager-bg.gif') no-repeat center;
	height: 91px;
	width: 197px;
	float: left;
	position: relative;
	line-height: 0;
	font-size: 0;
}

#realisations-header-right p {
	position: absolute;
	left: 0;
	bottom: 38px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	color: #9f0002;
	width: 90px;
}

#realisations-header-right div {
	position: absolute;
	top: 65px;
	left: 0;
	height: 14px;
	line-height: 0;
	font-size: 0;
}

#realisations-header-right div a {
}

#realisations-body {
	padding: 20px 30px;
	background-color: #FFFFFF;
}

#realisations-body-left span {
	font-family: Tahoma, sans-serif;
	display: block;
}

#realisations-body-left #realisations-title {
	font-size: 20px;
	line-height: 20px;
	min-height: 20px;
	font-weight: bold;
	color: #434343;
}

#realisations-body-left #realisations-zone {
	font-size: 12px;
	line-height: 12px;
	color: #434343;
	height: 12px;
}

#realisations-body-left #realisations-category {
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #9f0002;
	padding-top: 5px;
}

#realisations-body-left table {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 30px;
	font-size: 12px;
	color: #484747;
}

#realisations-body-left table th {
	font-weight: bold;
	text-align: left;
	width: 145px;
}

#realisations-body-left table td {
	text-align: left;
	width: 157px;
}

#realisations-body-right {
	width: 167px;
	background: url('/images/divers/realisations-right-thumb-bg.gif') no-repeat top right;
	float: right;
	margin-top: 5px;
}

#realisations-body-right object {
	margin-top: 10px;
}

#realisations-slide div.thumb {
	padding: 10px 30px 50px 30px;
	background-color: #FFFFFF;
	line-height: 0;
	font-size: 0;
}

#realisations-slide div.thumb span {
	background: url('/images/divers/realisations-title-picto.gif') no-repeat left center;
	line-height: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #7b7b7b;
	padding-left: 10px;
	display: block;
}

#realisations-slide div.thumb img#realisations-pic-large {
	display: block;
	margin-top: 5px;
}

#realisations-thumb-loader {
	margin-top: 5px;
}

#realisations-thumb-loader img {
	float: right;
}

table.realisations {
	width: 155px;
	margin: 0 auto;
}

table.realisations th {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	color: #484747;
}

table.realisations td {
	font-size: 11px;
	color: #858585;
}

/* Overlay video */
#video-slide {
	width: 320px;
	display: block;
	position: absolute;
	z-index: 2000;
	top: 128px;
}

#video-top {
	text-align: right;
	height: 27px;
	width: 532px;
	line-height: 0;
	font-size: 0;
}

#video-header {
	background-color: #FFFFFF;
	height:190px;
}

/* ----------------------------------- */

div.actualite {
	width:486px;
	margin-top:15px;
	padding-left:36px;
	/*height:26px;*/
}

div.actualite-contenu {
	margin:10px 20px 0 0
}
/*
div.actualite-contenu h5 img {
	padding-right: 10px;
}
*/

div.actualite-contenu img {
	margin-right: 20px;
}



.txt-link strong u:hover{
 color: #df253e;
}

.txt-link u:hover{
 color: #df253e;
}

.maillink {
	color:#000;
	text-decoration: none;
}

.maillink:hover {
	color:#000;
	text-decoration: underline;
}

a.linkvia{
	color:#626262;
	text-decoration: none;
}

a.linkvia:hover{
	color:#626262;
	text-decoration: underline;
}

div.form-success {
	padding: 5px;
	border: 2px solid #52aa4a;
	font-weight: bold;
	color: #52aa4a;
}

div.form-errors {
	padding: 5px;
	border: 2px solid #e22626;
	font-weight: bold;
	color: #e22626;
}


a.link_actus{
	color:#000;
	text-decoration:none;
}

a.link_actus:hover{
	color:#000;
	text-decoration:underline;
}