@charset "UTF-8";

/********************************************/
/* Elements de base */
/********************************************/
a:link { color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #00a0c6; text-decoration: underline;}
a:active { color: #00a0c6; text-decoration: underline;}

body {
	background-color: #bfbfbf;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color: #666666;
	}

h1 {
	margin: 0;
	padding: 0;
	}

h2 {
	font-size:15px;
	font-weight:bold;
	line-height:18px;
	color: #00a0c6;
	margin:0;
	}

h3 {
	font-size: 15px;
	}

h4 {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	color: #00a0c6;
	}

h5 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color: #000;
	margin-top:0;
	margin-bottom:5px;
	}

h6 {
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	color: #00a0c6;
	margin:0;
	}

img {
	border: 0;
	}






/********************************************/
/* Conteneur default */
/********************************************/

#global {
	background:#b3b3b3 url(../img_new/com/halo_fd.gif) left top no-repeat;
	border: 1px solid white;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	padding:0px;
	text-align: left;
	width: 990px;
	min-height: 575px;
	height: auto !important;
	height: 575px;
	position:relative;
	}

#globalAccueil {
	background:#b3b3b3 url(../img_new/com/halo_fd_accueil.gif) left top no-repeat;
	border: 1px solid white;
	margin-left:auto;
	margin-right:auto;
	margin-top: 5px;
	padding:0px;
	text-align: left;
	width: 990px;
	min-height: 575px;
	height: auto !important;
	height: 575px;
	position:relative;
	}

#ChoixLangue {
	font-weight:bold;
	left: 776px;
	top:24px;
	margin: 0;
	padding: 0;
	position:absolute;
	width: 180px;
	}
	#ChoixLangue select {
	margin:0;
	width:150px;
	font-size:11px;
	color: #666;
	background-color:#fff;
	}
		
#AnnonceBatimat {
	left: 800px;
	top:400px;
	margin: 0;
	padding: 0;
	position:absolute;
	width: 200px;
	}

#AnnonceSalons {
	left: 620px;
	top:140px;
	margin: 0;
	padding: 0;
	position:absolute;
	width: 350px;
	}
			
#ChoixLangueBelge {
	border: 2px solid #1cb5ff;
	height: 100px;
	left: 714px;
	margin: 0;
	overflow: no;
	padding: 0;
	position: absolute;
	top: 100px;
	visibility:hidden;
	width: 263px;
	text-align:center;
	}

#BlocBarrieresPiscine {
	left: 70px; 
	top:70px;
	margin: 0;	
	padding: 0;
	position:relative;
	width: 160px;	
	}


#LeaderEuropeen {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	left: 10px; 
	top:250px;
	margin: 0;	
	padding: 0;
	position:relative;
	width: 350px;	
	}

#LeaderEuropeenDe {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	left: 10px; 
	top:230px;
	margin: 0;	
	padding: 0;
	position:relative;
	width: 450px;	
	}

#MentionsLegales {
	left: 800px;
	top:220px;
	margin: 0;
	padding: 0;
	position:relative;
	width: 100px;
	}
	#MentionsLegales a {
	color: #00a0c6; font-size:10px; font-weight: bold; line-height:18px;
	}

#PartenaireFFB {
	left: 700px;
	top:180px;
	margin: 0;
	padding: 0;
	position:relative;
	width: 300px;
	}




/********************************************/
/* Conteneurs pages interieures */
/********************************************/
.LeaderEuropeen {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	}
	
#NavGche {
	float:left;
	margin:0;
	padding:0;
	width:389px;
	}

#blocContactAccueil	{
	margin: 5px 0 5px 0;
	padding: 0;
	float:right;
	text-align:right;
	}

#blocPlanAcces	{
	margin: 5px 0 5px 0;
	padding-top: 280px;
	padding-left:25px;
	}
#blocPlanAccesDe	{
	margin: 5px 0 5px 0;
	padding-top: 150px;
	padding-left:25px;
	}

#Contenu {
	border-left: 1px solid #fff;
	margin:0;
	padding-bottom:10px;
	width: 598px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	float:left;
	}
#logicielRetral {
	margin:0;
	padding-top:150px;
	background:transparent url(../img_new/com/architectes_BE/img-fd.gif) left top repeat-y;
	width:598px;
	min-height: 560px;
	height: auto !important;
	height: 560px;
	float:left;
	z-index:1;
	}
	#logoRetral {
		top:0;
		left:390px;
		position:absolute;
		z-index:2;
		}
	#navigRetral {
		position:absolute;
		top:30px;
		right:10px;
		}
		#navigRetral ul li {
			margin:0;
			padding-left:15px;
			background:transparent url(../img_new/com/fleche-rge.gif) 0 0 no-repeat;
			list-style:none;
			width:150px;
			line-height:18px;
			}
			#navigRetral ul li a:link,
			#navigRetral ul li a:visited {
				font-size:11px;
				color:#f6e71a;
				}
			#navigRetral ul li a:active,
			#navigRetral ul li a:hover {
				text-decoration:underline;
				}
	#logicielRetral table {
		margin:0 15px 15px 15px;
		padding:0;
		width:548px;
		color:#fff;
		text-align:justify;
		}
		#logicielRetral table tr th {
			padding:5px;
			width:160px;
			text-align:center;
			vertical-align:top;
			}
			#logicielRetral table tr th h3 {
				font-weight:bold;
				color:#f6e71a;
				}
		#logicielRetral table tr td {
			padding:5px;
			vertical-align:top;
			}
		#logicielRetral table tr td h3 {
			font-style:italic;
			font-weight:bold;
			color:#f6e71a;
			}
		#logicielRetral table tr td h4 {
			font-style:italic;
			font-weight:bold;
			color:#fff;
			}
		
#Retral {
	background:transparent url(../img_new/com/architectes_BE/img-fd.gif) left top repeat-y;
	border: 1px solid white;
	margin-left:auto;
	margin-right:auto;
	margin-top: 15px;
	padding:0px;
	text-align: left;
	width: 990px;
	min-height: 575px;
	height: auto !important;
	height: 575px;
	position:relative;
	}
	#Etapes {
		background:transparent url(../img_new/fr/architectes/logiciel-retral2.gif) left top no-repeat;
		padding-top:60px;
		}
		#Etapes table {
			width:990px;
			padding:10px;
			text-align:center;
			vertical-align:middle;
			}
			#Etapes table tr td .police20px {
				color:#f6e71a;
				font-weight:bold;
				font-size:20px;
				text-decoration:underline;
				}
			#Etapes table tr td .police14px {
				color:#f6e71a;
				font-weight:bold;
				font-size:14px;
				font-style:italic;
				}
			#Etapes table tr td a:link,
			#Etapes table tr td a:visited {
				color:#a2daf4;
				}
			#Etapes table tr td a:hover,
			#Etapes table tr td a:active {
				text-decoration:underline;
				}

#txtPleinePage {
/* border: 1px solid red; */
	float:left;
	margin:15px;
	width: 540px;
	}
	#txtPleinePage.Contact p {
	color:#000;
	font-weight:bold;
	line-height:30px;
	margin-top:100px;
	text-align:center;
	}
	#txtPleinePage.DescriptifTechnique p {
	text-align:justify;
	}
	#txtPleinePage .TablePlansTelecharger {
	border: 1px solid #ffffff;
	width:100%;
	padding:1px;
	}
	#txtPleinePage .TablePlansTelecharger th {
	text-align:left;
	font-weight:bold;
	color: #fff;
	background-color: #a4a2a2;
	margin:1px;
	}
	#txtPleinePage .TablePlansTelecharger td {
	background-color: #c3c3c3;
	margin:1px;
	}
	#txtPleinePage .TablePlansTelecharger td.Fiches {
	font-size:10px;
	width:80%;
	}
	#txtPleinePage .TablePlansTelecharger td.Plans {
	width:10%;
	text-align:center;
	}
	
	
#txtColonneGche {
	float:left;
	margin:15px 10px 15px 15px;
	width: 255px;
	}
	#txtColonneGche p {
	text-align:justify;
	}
	#txtColonneGche a { 
	color: #00a0c6; font-weight: bold; line-height:18px;
	}
	
#txtColonneDroite {
	float:right;
	margin:48px 15px 15px 10px;
	width: 255px;
	}
	#txtColonneDroite.DocsTelechargement {
	text-align:right;
	color:#000;
	}
	#txtColonneDroite a { 
	color: #00a0c6; font-weight: bold; line-height:18px;
	}

	
#BlocTitragesProduits {
	float:left;
	margin:15px 10px 15px 15px;
	width: 325px;
	}

#Retour {
	float:right;
	margin:15px 15px 15px 10px;
	width: 185px;
	text-align:right;
	color:#000000;
	}
	#Retour a { 
	color: #00a0c6; font-weight: bold; line-height:18px;
	}

/**************************************************/
/* Conteneurs pages avec Documents à télécharger  */
/**************************************************/


#pageDocsTelechargement #txtColonneGche {
/* border: 1px solid red; */
	float:left;
	margin:15px 5px 15px 15px;
	width: 380px;
	}

#pageDocsTelechargement #produits {
	visibility:visible;
	}

	
#pageDocsTelechargement #txtColonneDroite {
/* border: 1px solid red; */
	float:right;
	margin:50px 15px 15px 5px;
	width: 150px;
	text-align:right;
	}



/**************************************************/
/* Conteneurs pages Architectes  */
/**************************************************/



#pageArchitectes #txtColonneGche {
	float:left;
	margin:15px 5px 15px 15px;
	width: 380px;
	}

#pageArchitectes #architectes {
	visibility:visible;
	}

#pageArchitectes #txtColonneDroite {
	float:right;
	margin:50px 15px 15px 5px;
	width: 150px;
	text-align:right;
	}



/**************************************************/
/* Conteneurs pages Normes  */
/**************************************************/


#pageNormes #txtColonneGche {
	float:left;
	margin:15px 5px 15px 15px;
	width: 380px;
	}
	
#pageNormes #txtColonneDroite {
	float:right;
	margin:50px 15px 15px 5px;
	width: 150px;
	text-align:right;
	}



/********************************************/
/* Les classes */
/********************************************/

a.lienBleu:link, a.lienBleu:visited { color: #00a0c6; font-size:11px; font-weight: bold; line-height:18px; }
a.lienBleu:hover, a.lienBleu:active { color: #00a0c6; font-size:11px; font-weight: bold; line-height:18px; }


.TabTelechargement {
	border: 1px solid #ffffff;
	}

.Bleu {
	color: #00a0c6;
	}

.Gris {
	color: #666666;
	}

.Noir {
	color: #000000;
	}

.Blc {
	color: #ffffff;
	}

.RgeBold {
	color: #e2001a;
	font-weight:bold;
	}

.FdAccueil {
	background-image:url(../img_new/com/fd_accueil.gif) right top no-repeat;
	}

.Police10px {
	font-size:10px;
	}

.Underline {
	text-decoration:underline;
	}

.cache, h1 span, h2 span, h3 span {
	height: 1px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: -9999px;
	width: 1px;
	}


.separateur {
	clear: both;
	visibility: hidden;
	}


.TxtJustifie {
	text-align:justify;
	}
	
.TxtCentre {
	text-align:center;
	}

.Bold {
	font-weight:bold;
	}

.x-dlg .x-dlg-hd-left {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #fff; border-right:3px solid #fff; border-left:3px solid #fff;}

.x-dlg-mask {opacity: 0.5; background-color: #000;}
/********************************************/
/* Positionnement */
/********************************************/
.droite {
	float: right;
	}

.gauche {
	float: left;
	}


.ClearBoth {
	clear: both;
	}

.VisibilityHidden {
	visibility:hidden;
	}

.MarginTop70px	{
	margin-top:70px;
	text-align:center;	
}