/* CSS Document */

/* -------------------- HTML -------------------- */
body { margin:0; font-size:12px; font-family:Arial, "Verdana", sans-serif; }

#macaron { position:absolute; width:102px; height:161px; top:-20px; left:15px; }





/* -------------------- STRUCTURE -------------------- */
#container { z-index:10;position:absolute; left:50%; top:50%; width:800px; height:600px; padding-top:80px; margin-top:-300px; margin-left:-400px; background:url(../images/logo.gif) no-repeat 16px 20px; }

#edit { padding:0; margin:0; clear:both; padding:0 0 0 12px; width:788px; height:424px; z-index:100; position:relative}
	#left { float:left; width:420px; height:420px; background:url(../images/left-bg.gif) no-repeat top left; }
	#right, #neufrenovation_droite { float:left; width:368px; height:420px; background:#00FF00; background:url(../images/right-bg.gif) no-repeat top left; }
	
#prefooter { clear:both; padding:8px 0 0 0; width:420px; height:15px; }
	#prefooter i { display:none; }
	#prefooter ul { float:right; padding:0; margin:0; list-style-type:none; }
		#prefooter ul li { padding:0; margin:0; float:left; }
		.www { float:left; width:120px; height:15px; background:url(../images/www.gif) no-repeat 0 0; }
		.www:hover { background-position:0 -15px; }
		.accueil { display:block; width:44px; height:15px; background:url(../images/accueil_btn.gif) no-repeat 0 0; }
		.accueil:hover { background-position:0 -15px; }
		.infoslegales { display:block; width:80px; height:15px; background:url(../images/mentions_btn.gif) no-repeat 0 0; }
		.infoslegales:hover { background-position:0 -15px; }
		.plan { display:block; width:66px; height:15px; background:url(../images/plan_btn.gif) no-repeat 0 0; }
		.plan:hover { background-position:0 -15px; }

#footer { clear:both; padding-left:267px; width:100%; height:19px; background:url(../images/footer-bg.gif) no-repeat 0 0 }
	#footer i { display:none; }
	#footer a { display:block; width:101px; height:19px; background:url(../images/mailcontact-bg.gif) no-repeat 0 0 }

.clear{
clear:both;
}	

/*Menu*/
#menu { 
padding-left:122px;
  width:100%; 
  height:41px;  
  text-align:center; 
  overflow:hidden;
  z-index:1;
  margin-top:10px;
	font:bold 10px Arial, "Helvetica", sans-serif;
}

#menu li {
	float:left;
}

#menu li a {
	display:block;
	height:33px;
}

#menu li a:hover {
	display:block;
	height:41px;
}

#menu a { 
	float: left; position: relative;
	top: 8px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
	background:url(../images/tab-blue-left.gif) no-repeat left top;
	margin: 0;
	margin-right: 3px; /*Spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
}

#menu a span{
	float: left;
	position: relative;
	display: block;
	background: url(../images/tab-blue-right.gif) no-repeat right top;
	color:#FFFFFF;
	top: 0;
}

#menu ul {
  display:inline;
  list-style:none;
}	

#menu a:hover span{
	background-position: 100% -145px;
	top: 0;
}

#menu a:hover {
	background-position: 0% -145px;
	top: 0;
}
	
#menu a span { 
  float:none; 
}	

#menu .active a {
	background-position: 0 -145px;
	top: 0;
	height:41px;	
}
	
#menu .active a span{
	background-position: 100% -145px;
	color:#FFFFFF;
	top: 0;
}

/* ---------- SPAN ---------- */
#item_1 a span,#item_115 a span,#item_117 a span, #item_120 a span{ 
  padding: 5px 14px 17px 5px; 
}

#item_116 a span,#item_118 a span,#item_119 a span{ 
  padding: 5px 14px 6px 5px;
}

/* ---------- SPAN HOVER ET SPAN ACTIVE ---------- */
#item_1 a:hover span, #item_115 a:hover span, #item_117 a:hover span, #item_120 a:hover span, #item_1.active a span, #item_115.active a span, #item_117.active a span, #item_120.active a span { 
  padding-bottom:25px;
}

#item_116 a:hover span, #item_118 a:hover span, #item_119 a:hover span, #item_116.active a span, #item_118.active a span, #item_119.active a span { 
  padding-bottom:14px;
}




/* -------------------- PAGES -------------------- */

/* Page finstral */
#finstral_colonne_gauche #div {
  position:relative;
}
#lienFinstral {
  position:absolute;
  top:285px;
  left:180px;
  width:166px;
  height:34px;
}
#lienFinstral a {
  display:block;
  width:166px;
  height:34px;
}
#lienFinstral a span {
  display:none;
}

#finstral_logo{
  margin:10px 0 0 10px;
}

#finstral_fabricant_de{
  margin:20px 0 0 50px;
}

#finstral_fenetre{
margin-left:4px;
}

#finstral_box_gauche{
  background:url(../images/bg_box_gauche.jpg);
  width:372px;
  height:332px;
  margin-left:15px;
}

#finstral_colonne_droite, #finstral_colonne_gauche
{
color:#003d8f;
float:left;
width:165px;
font-size:11px;
}

#finstral_colonne_droite{
  margin:5px;
}

#finstral_colonne_gauche{
  margin:10px 5px 0 15px;
}

/*Page contacter revendeurs*/

#contacter_box_gauche{
background:url(../images/contacter_bg_gauche.jpg) no-repeat;
  width:384px;
  height:308px;
  margin-left:15px;
  margin-bottom:12px;
  padding-top:10px;
}

#contacter_select{
margin-top:110px;
margin-left:3px;
float:left;
}

#contacter_select select{
width:220px;
}

#contacter_resultagence{
margin-top:10px;
margin-left:155px;
color:#ec7404;
}

#cfMessage{
width:200px;
}
/*
.contacterrev {
	margin-top:-15px;
}
*/
/************ generaux *****************/
p {
    margin:0;
    padding:0;
}
a img {
    border:none;
}


/********* accueil ******************/
#accueil_1 {
    padding:25px 0 0 20px;
}
#accueil_2 {
    padding:0 0 0 20px;
}
#accueil_3avantages {
    padding:3px 0 0 20px;
    
}
#right.jmp_texte p {
    padding:0 36px 10px 23px;
    color:#fff;
    text-align:justify;
}
#pourquoiisoler_3avantages {
    padding:28px 0 0 23px;
}


/************ 3 avantages ***************/
/*#trois_avantages p {
	font-size:12px;
    padding:37px 18px 3px 108px;
    color:#003d8f;
    
}
p#para2 {
    padding:32px 18px 45px 108px
}

p#para3 {
    padding:42px 18px 10px 108px
}
*/

#trois_avantages p {
	font-size:12px;
    margin:37px 18px 6px 108px;
    color:#003d8f;
    
}
p#para2 {
    margin:40px 18px 90px 108px;

}

p#para3 {
    margin:48px 18px 10px 108px
}



#troisavantages_droite #tab {
    padding:45px 0 0px 23px;
}
#troisavantages_droite p {
    padding:0 25px 0 23px;
    font-size:9px;
    color:#fff;
}

.troisavantages_titre {
    color:#ec7404 !important;
}

#trois_avantages { float:left; width:420px; height:420px; background:url(../images/3avantages_fond.jpg) no-repeat top left; }
#troisavantages_droite { float:left; width:368px; height:420px; background:#00FF00; background:url(../images/3avantages_droite.gif) no-repeat 0 0; }

/************ neuf renovation *************/
#neufrenovation_gauche {
	float:left;
	width:347px;
	height:355px;
	background:url(../images/neufrenovation_fond.jpg) no-repeat top left;
	padding:65px 40px 0 33px;
	font-size:9px !important;
}
#neufrenovation_gauche #prefooter {
	margin-left:-30px;
	margin-top:-5px;
}
#neufrenovation_gauche td, #neufrenovation_gauche a {
		padding-right:5px;
		color:#ec7404
}
#neufrenovation_gauche td p {
	color:#043882;
	font-size:9px !important
}
#neufrenovation_gauche #titre {
	padding:0 0 5px 165px;
	color:#ec7404;
}
#neufrenovation_droite p {
	padding-left:23px;
	padding-right:35px;
	padding-bottom:5px;
	text-align:justify;
	color:#fff;
}
.souligne {
	text-decoration:underline;
	color:#fff;
}
#neufrenovation_droite #links-footer {
	padding-left:23px;
}

/******** caracteristiques techniques ***********/
#Caracteristiques-techniques {padding:32px 35px 0 24px; float:left; width:309px; height:388px; background:#00FF00; background:url(../images/right-bg.gif) no-repeat top left;  }
#Caracteristiques-techniques p#para1, #Caracteristiques-techniques p#para2 {font-size:11px; color:#FFFFFF; }
#Caracteristiques-techniques p#para1 { margin-bottom:16px; }
#Caracteristiques-techniques p#para2{padding:53px 0 0 23px; background:url(../images/plus-finstral-bg.gif) no-repeat top left; }
/*#Caracteristiques-techniques p#para2{margin-bottom:43px;}*/
#Caracteristiques-techniques p#para2{margin:0 0 43px 0;}
#Caracteristiques-techniques p#para3{padding:0; margin:0 0 50px 0; font-size:9px; color:#FFFFFF; }

/************ mentions *******/
.mentions div {
	overflow:auto;
	width:338px;
	height:315px;
	padding:15px;
	margin-bottom:65px;
	color:#fff;
}
.mentions h2 {
	color:#ec7404;
	font-size:14px;
}
.mentions a {
	color:#ec7404;
}


/*film*/

#global_film{
  margin-top:20px;
  background:url(../images/film/logo.gif) no-repeat top center;
  min-height:468px;
  padding:0;
}

#film{
height:340px;
background:#ED7505;
width:100%;
margin-top:100px;
position:absolute;
padding:0;
}

#content_film{
margin:0 auto;
width:560px;
padding:0;
}

#anni{
margin-top:-50px;
display:block;
float:right;
}

#telecharger_film {
  display:block;
  margin-left:440px;
 
}