@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow: scroll;
}

img a {
	border: none;
}
	
a:link {
	color: #666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #000;
}
li {
	padding: 0 0 6px 0px;
	margin: 0 0 0 30px;	
	list-style-position: outside;
}
p {
	padding: 0 0 10px 0;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #939E90;
	padding: 0 0 10px 0;
}
hr {
	margin: 10px 0 10px 0;
}
body {
	background: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #616161;
	line-height: 15px;
}

#master {
	width: 100%;
	background: transparent url(images/background_fondMenu.gif) repeat-y center top;
}

#contenu_site {
	margin: 0 auto 0 auto;
	width: 950px;
}
#contenu_site_flash {
	margin: 35px auto 0 auto;
	width: 950px;
}






/* MENU */
#menu {
	width: 180px;
	float: left;
	display: block;
	font-size: 12px;
}
#menu img a {
	border: none;
}
#menu li {
	padding: 0;
	list-style-type: none;
}

.menu_no_spry {
	width:180px;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
	color: #4F6161;
}
.menu_no_spry ul {
	width:180px;
	padding: 0px;
	margin: 0px;
	list-style-type:none;
}
.menu_no_spry li {
	display: block;
	padding: 0 0 0 14px;
	margin: 0px;
	list-style-type: none;
	color: #4F6161;
	}
.menu_no_spry a {
	display: block;
	height: 29px;
	padding: 14px 0 0 14px;
	background-image: url(../image/fond_btn_menu.jpg);
	color: #4F6161;
}
.menu_no_spry_down a {
	display: block;
	height: 29px;
	padding: 14px 0 0 14px;
	background-image: url(../image/fond_btn_menu_down.jpg);
	color: #4F6161;
}
.menu_no_spry a:hover {
	background-image: url(../image/fond_btn_menu_hover.jpg);
}
.menu_no_spry_down a:hover {
	display: block;
	height: 29px;
	padding: 14px 0 0 14px;
	background-image: url(../image/fond_btn_menu_down.jpg);
	color: #4F6161;
}
.menu_no_spry_er a {
	display: block;
	height: 29px;
	padding: 14px 0 0 14px;
	background-image: url(../image/fond_btn_menu_er.jpg);
	color: #4F6161;
}
.menu_no_spry_er a:hover {
	background-image: url(../image/fond_btn_menu_hover.jpg);
}
#menu_top {
	width: 950px;
	height: 25px;
	padding: 10px 0 0 0;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #559E93;
	
}
#menu_top a {
	color: #559E93;
}
#menu_top a:hover {
	color: #40786F;
}
#menu_top_flash_gallery {
	width: 950px;
	height: 25px;
	position:absolute;
	padding: 10px 0 0 0;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #559E93;
	top: 0px;	
}
#menu_top_flash_gallery a {
	color: #559E93;
}
#menu_top_flash_gallery a:hover {
	color: #40786F;
}
#menu_top_etroit {
	width: 740px;
	height: 25px;
	padding: 10px 210px 0 0;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #559E93;
	
}
#menu_top_etroit a {
	color: #559E93;
}
#menu_top_etroit a:hover {
	color: #40786F;
}
#menu_top_intro {
	width: 940px;
	height: 25px;
	padding: 10px 10px 0 0;
	text-align: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	position: absolute;
	z-index: 2;
}
#menu_top_intro a {
	color: #fff;
}
#menu_top_intro a:hover {
	color: #CCC;
}
#menu_espace_pro {
	width: 180px;
	height: 44px;
	float: left;
}
/* MENU FIN */





/* PAGE INTRO UNIQUEMENT */
#scrolling_text {
	width: 760px;
	height: 31px;
	float: left;
	background-image: url(../image/bande_texte_passant.jpg);
	color: #666;
	padding: 13px 0 0 10px;
}
#bandeau {
	width: 950px;
	
}
#presentation_accueil {
	width: 950px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	font-size: 16px;
	line-height: 20px;
	display: block;
	float: left;
	padding: 10px 0 10px 0;
	margin: 10px 0 0 0;
}
#flash {
	width: 770px;
	height: 258px;
	float: left;
	display: block;
	
}
#pub {
	width: 870px;
	height: 106px;
	float: left;
	padding: 0 40px 0 40px;
	margin: 20px 0 0 0;
}
#pub1 {
	width: 198px;
	height: 106px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 23px;
}
#pub2 {
	width: 198px;
	height: 106px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 0px;
}
#pub3 {
	width: 198px;
	height: 106px;
	float: left;
	display: inline-block;
	padding: 0 10px 0 0;
}#pub4 {
	width: 198px;
	height: 106px;
	float: left;
	display: inline-block;
	padding: 0 23px 0 0px;
}
/* PAGE INTRO UNIQUEMENT FIN */






/* ENTREPRISE FAMILIALE */
#contenu_page_maitre_concepteur {
	width: 520px;
	height: 350px;
	float: left;
	display: block;
	background-image: url(../image/fondconcepteur.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}
#contenu_page_1935 {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fondfamilial.jpg);
	background-repeat: no-repeat;
	padding: 265px 200px 0 50px;
}
#contenu_page_1935 img {
	float:left;
	margin: 0 10px 0 0;
}
#contenu_page_mot_mario_vrai {
	width: 520px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(../image/mot_mario.jpg); 
	padding: 130px 200px 0 50px;
	
}
#contenu_page_mot_mario {
	width: 520px;
	float: left;
	display: block;
	padding: 50px 200px 0 50px;
	
}
/* ENTREPRISE FAMILIALE FIN*/




/* PRODUIT */
#texte_produit {
	widht: 530px;
	float: left;
	display: block;
	padding: 0;
	min-height:500px;
	
}
#texte_realisation {
	padding: 0 0 0 197px;
}

/* FENETRE */
#contenu_page_fen_bast_sign {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/fenetre/fenetre_bastille_signature.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0px 50px;
}



#contenu_page_fen_hautbois {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/fenetre/fenetre_hautbois.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}


#contenu_page_fen_conforta {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/fenetre/fenetre_conforta.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}
/* FENETRE FIN */

/* PORTE */
#contenu_page_porte_bast_sign {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/porte/porte_signature.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}




#contenu_page_porte_therma_secure {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/porte/porte_therma_secure.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}
/* PORTE FIN */

/* PORTE JARDIN */
#contenu_page_porte_jardin_sign {
	width: 520px;
	height: 650px;
	float: left;
	display: block;
	background-image: url(../image/produit/porte_jardin/porte_jardin_signature.jpg);
	background-repeat: no-repeat;
	padding: 140px 200px 0 50px;
}


#contenu_page_porte_jardin_azur {
	width: 520px;
	height: 500px;
	float: left;
	display: block;
	background-image: url(../image/produit/porte_jardin/porte_jardin_azur.jpg);
	background-repeat: no-repeat;
	padding: 130px 200px 0 50px;
}
/* PORTE JARDIN FIN */

/* PORTE PATIO */
#contenu_page_porte_patio {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/produit/porte_patio/porte-patio.jpg);
	background-repeat: no-repeat;
	padding: 140px 200px 0 50px;
}
/* PORTE PATIO FIN */


/* IMAGES AGRANDIS */
#pourquoi_bastille_jaune {
	position: absolute;
	width:414px;
	height:233px;
	z-index: 1000;
	visibility: hidden;
	background-image: url(../image/pourquoi_bastille_jaune.png);
	background-repeat: no-repeat;
	padding: 15px 0 0 50px;
	left: 512px;
	top: 346px;
}
#pourquoi_bastille_jaune li{
	padding: 10px 0 0 0;
	margin: 0;
}
#trois_bois_fen_signature {
	position: absolute;
	width: 262px;
	z-index: 1000;
	visibility: hidden;
	padding: 225px 0 0 0;
}
#deux_bois_fen_hautbois {
	position: absolute;
	width: 300px;
	z-index: 1000;
	visibility: hidden;
	padding: 400px 0 0 0;
	top: 164px;
}
#cinq_bois_porte_sign {
	position: absolute;
	width: 300px;
	z-index: 1000;
	visibility: hidden;
	padding: 350px 0 0 0;
	top: 164px;
}
#cinq_bois_porte_sign_jardin {
	position: absolute;
	width: 300px;
	z-index: 1000;
	visibility: hidden;
	padding: 240px 0 0 0;
	top: 164px;
}
#coin_fen_hautbois {
	position: absolute;
	width: 225px;
	z-index: 1000;
	visibility: hidden;
	padding: 0;
	top: 80px;
	left: 877px;
	margin: px 0 0 0px;
	left: 50%;
}
#coin_fen_conforta {
	position: absolute;
	width: 225px;
	z-index: 1000;
	visibility: hidden;
	padding: 150px 0 0 0;
}
#coin_fen_conforta_alu {
	position: absolute;
	width: 225px;
	z-index: 1000;
	visibility: hidden;
	padding: 350px 0 0 0;
	left: 785px;
	top: 80px;
	margin: 0 0 0 -2px;
	left: 50%;
}
#coin_therma_secure {
	position: absolute;
	width: 225px;
	z-index: 1000;
	visibility: hidden;
	margin: 0 0 0 125px;
}
#coin_therma_vision {
	position: absolute;
	width: 225px;
	z-index: 1000;
	visibility: hidden;
	margin: 0 0 0 125px;
}
/* IMAGES AGRANDIS FIN */

/* PRODUIT FIN */


/* QUALITÉ BASTILLE */

#contenu_page_fabrication {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_fabrication.jpg);
	background-repeat: no-repeat;
	padding: 325px 200px 0 50px;
}



#contenu_page_bastherm {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fondbastherme.jpg);
	background-repeat: no-repeat;
	padding: 100px 200px 0 50px;
}



#contenu_page_garantie {
	width: 520px;
	height: 400px;
	float: left;
	display: block;
	background-image: url(../image/fond_garantie.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}


#contenu_page_installation {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_installation.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}
/* QUALITÉ BASTILLE FIN */

/* VISITEZ-NOUS */
#contenu_page_visitez {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_visitez.jpg);
	background-repeat: no-repeat;
	padding: 100px 200px 0 50px;
}
/* VISITEZ-NOUS FIN*/

/* JOINDRE */
#contenu_page_joindre {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_joindre.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}
/* JOINDRE FIN*/

/* CARRIERE */
#contenu_page_carriere {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_carriere.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}
/* CARRIERE FIN*/


/* NOUVEAU */
#contenu_page_nouveau {
	width: 520px;
	float: left;
	display: block;
	background-repeat: no-repeat;
	padding: 50px 200px 0 50px;
	margin: 0 0 0 160px;
}
#contenu_page_nouveau a {
	color:#999;
}
#contenu_page_nouveau a:hover {
	color:#666;
}
/* NOUVEAU FIN*/


/* EXPOSITION */
#contenu_page_exposition {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_exposition.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 210px;
}
#contenu_page_exposition a {
	color:#999;
}
#contenu_page_exposition a:hover {
	color:#666;
}
/* EXPOSITION FIN*/


/* SERVICE */
#contenu_page_service {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_service.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}
/* SERVICE FIN*/



/* OPTION */
#contenu_page_option {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_option.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 50px;
}
#contenu_page_option a {
	color:#678E89;
}
#contenu_page_option a:hover {
	color:#666;
}
/* OPTION FIN*/



/* ENERGETIQUE */
#contenu_page_energetique {
	width: 520px;
	float: left;
	display: block;
	background-image: url(../image/fond_energetique.jpg);
	background-repeat: no-repeat;
	padding: 150px 200px 0 50px;
}
/* ENERGETIQUE FIN */



/* ESPACE PRO*/
#contenu_page_espacepro {
	width: 470px;
	float: left;
	display: block;
	background-image: url(../image/fond_espacepro.jpg);
	background-repeat: no-repeat;
	padding: 120px 200px 0 100px;
	font-size: 12px;
}
/* ESPACEPRO FIN */

/* BAS DE PAGE*/
#bande_bas_de_page {
	width: 950px;
	height: 18px;
	float: left;
	background-image: url(../image/bande_bas_de_page.jpg);
	background-repeat: repeat-x;
	margin: 20px 0 0 0;
	
}
#bande_bas_de_page_etroite {
	width: 530px;
	height: 18px;
	float: left;
	background-image: url(../image/bande_bas_de_page.jpg);
	background-repeat: repeat-x;
	margin: 20px 0 0 210px;
	
}

#copyright {
	width: 950px;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #666;
	font-size: 9px;
	display: block;
	float: left;
	padding: 10px 0 20px 0;
	
}
#copyright p {
	padding: 5px 0 0 0;
}
#copyright a {
	color: #666;
}
#copyright a:hover {
	color: #333;
}
#gallery {
	width: 770px;
	align: top;
	z-index: 1;
}
/* BAS DE PAGE FIN*/

#plan_site {
	float:left;
	padding: 20px 0 0 50px;
}

.plan_site_menu{
	padding: 8px 0 8px;
	font-weight: bold;	
}



/* CLASS */
.1-800 {
	color: #000;
}
.retrait_droite_texte {
	margin: 0 195px 0 0;
}
.retrait_droite_texte_premier_point_therma_secur {
	margin: 0 195px 0 180px;
}
.retrait_droite_texte_premier_point_sign_fen {
	margin: 0 195px 0 30px;
}
.retrait_gauche_texte {
	margin: 0 0 0 250px;
}
.bold {
	font-weight:bold;
	color: #616161;
}
.bold_sous-titre {
	font-weight:bold;
	color: #678E89;
}
.bold_titre {
	font-weight: bold;
	margin: 10px 0 0 0;
}
.float_left {
	float: left;
	padding: 0 20px 0px 0;
}
.float_left_figure_trois {
	float: left;
	padding: 0 20px 0 30px;
}
.float_right {
	float: right;
	padding: 0 0 0px 20px;
}
.italic {
	font-style: italic;
}
.explicatif_fen {
	padding: 20px 0 0 20px;
}
.italic_bold{
	font-style: italic;
	font-weight: bold;
	color:#600;
}
.espace_apres_menu {
	margin: 0 0 10px 0;
}
.espace_avant_sous_tire {
	padding: 20px 0 6px 0;
}
/* CLASS */

#gallery {
	float: left;
	width: 770px;
	height: 500px;
	margin: -17px 0 0 0;
	overflow: hidden;
}
.inside {
	list-style-position:inside;
}
#pub_cachemire {
	width: 255px;
	height:150px;
	background-repeat: repeat-x;
	background-image: url(../image/fondfenetre_pub_cachemire.jpg);
	padding: 25px 25px 0 250px;
	margin: 0 0 15px 0;
}
#pub_boutique {
	width: 255px;
	height:200px;
	background-repeat: repeat-x;
	background-image: url(../image/boutique_pub_nouvelle.jpg);
	padding: 25px 25px 0 250px;
}
#pub_jardin {
	width: 480px;
	background-repeat: repeat-x;
	background-image: url(../image/porte-nouveau_jardin.jpg);
	padding: 25px 25px 0 25px;
}
.titre_nouveau {
	color: #900;
	font-size:14px;
	font-weight: bold;
}
.vignette {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size: 10px;
	color: #616161;
	line-height: 16px;
}
.hr {
	color:#D9A93B;
}		
.menu_choisi {
	color:#600;
}