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

*{
margin:0;
padding:0;
}

body{
background-color:#bbbcbf;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

img{
border:none;	
}

a:hover{
text-decoration: none;
}

h1 {
	font-size: 24px;
}

.centrage{
	position:relative; /* fait buguer IE */
	width:950px;
	margin-right:auto;
	margin-left:auto;
}
*:first-child+html .centrage{ /*ie7*/
	position:static;
}
* html .centrage{ /*ie6*/
	position:static;
}

.clear{
	clear:both;
}

.red{
	color:#C00;
}
.msg{
	margin: 10px 0px 25px 0px;
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: #C00;
	color: #ffffff;
}

#fond_header{
height:207px;
background-image:url(images/fond_header.jpg);
background-repeat:repeat-x;
}


#homeLiens{
height:288px;
width:254px;
margin-right:4px;
background-image:url(images/homeLiens.jpg);
background-repeat:no-repeat;
position:absolute;
top:0;
right:0;
}
*:first-child+html #homeLiens{ /*ie7*/
position:relative;
top:-365px;
right:-695px;
}
* html #homeLiens{ /*ie6*/
position:relative;
top:-365px;
right:-695px;
}


#compteur{
width:254px;
margin-right:4px;
position:absolute;
top:295px;
right:0;
left:500px;
color:#333;
font-weight:bold;
text-align:right;
}
*:first-child+html #compteur{ /*ie7*/
position:relative;
top:-362px;
right:-695px;
}
* html #compteur{ /*ie6*/
position:relative;
top:-362px;
right:-695px;
}

#compteurFlash{
width:110px;
height:28px;
background-color:#333;
position:absolute;
top:2px;
right:0;
left:260px;
}

#homeLiens h1{
margin-top:7px;	
margin-bottom:35px;
margin-left:18px;
}

.liensHomeText{
margin-left:70px;
margin-top:29px;
}

.liensHomeText span{
display:none;
}

#homeLiens #lienFacade{
display:block;
width:126px;
height:30px;
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:0 0;
}

#homeLiens #lienFacade:hover{
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:-140px 0;
}

#homeLiens #lienIsolation{
display:block;
width:135px;
height:30px;
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:0 -57px;
}

#homeLiens #lienIsolation:hover{
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:-140px -57px;
}

#homeLiens #lienBardage{
display:block;
width:126px;
height:30px;
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:0 -118px;
}

#homeLiens #lienBardage:hover{
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:-140px -118px;
}

#homeLiens #lienToiture{
display:block;
width:126px;
height:30px;
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:0 -175px;
}

#homeLiens #lienToiture:hover{
background-image:url(images/homeLiensTexts.jpg);
background-repeat:no-repeat;
background-position:-140px -175px;
}


/*//////////////////////////////////////////////////         MENU           ///////////////////////////////////////////////////////////////////////////////*/

#menu{
position:absolute;
top:165px;
right: 0px;
z-index:100;
}
*:first-child+html #menu{ /*ie7*/
position:relative;
top:12px;
left: 172px;
}
* html #menu { /*ie6*/
position:absolute;
left: expression((document.body.clientWidth/2 - 475) + "px" );
margin: 0 auto;
width: 950px;
}



#menu ul{
list-style-type:none;
}

#menu .menuFloat{
float:left;
}

#menu a{
display:block;
height:36px;
font-size:13px;
font-weight:bold;
line-height:36px;
background-image:url(images/fond_menu.jpg);
background-repeat:repeat-x;
background-position:0 -36px;
margin-right:4px;
padding:0 18px;
color:#FFF;
text-decoration:none;
text-align:center;
}


#menu .menu_gris:hover{
background-image:url(images/fond_menu.jpg);
background-repeat:repeat-x;
background-position:0 0;
}
* html #menu .menu_gris { /*ie6*/
 width: 140px;
}


#menu #menu_rouge:hover{
background-image:url(images/fond_menu_rouge.jpg);
background-repeat:repeat-x;
background-position:0 -36px;
}
* html #menu #menu_rouge { /*ie6*/
 width: 64px;
}



#menu #menu_vert:hover{
background-image:url(images/fond_menu_vert.jpg);
background-repeat:repeat-x;
background-position:0 -36px;
}
* html #menu #menu_vert{ /*ie6*/
 width: 54px;
}


#menu #menu_jaune:hover{
background-image:url(images/fond_menu_jaune.jpg);
background-repeat:repeat-x;
background-position:0 -35px;
}
* html #menu #menu_jaune{ /*ie6*/
 width: 64px;
}


#menu #menu_bleu:hover{
background-image:url(images/fond_menu_bleu.jpg);
background-repeat:repeat-x;
background-position:0 -36px;
}
* html #menu #menu_bleu{ /*ie6*/
 width: 64px;
}


#menu a#menu_rouge:hover,
#menu a#menu_vert:hover,
#menu a#menu_bleu:hover {
  cursor: default;
}

/*/////////////////////////////////////////////////////////        SOUS MENU      ////////////////////////////////////////////////////////////////////////*/


#MenuRouge {
list-style: none;
display: none;
width:83px;
}

* html #MenuRouge { /*ie6*/
width:100px;
}

#MenuRouge a{
height:26px !important;
font-weight:normal !important;
line-height:26px !important;
margin-right:0!important;
padding-left:5px !important;
background-image:url(images/fond_menu_rouge.jpg)!important;
background-repeat:repeat-x;
background-position:0 -36px;
text-align:left !important;
}


#MenuVert {
list-style: none;
display: none;
width:90px;
}

#MenuVert a{
height:26px !important;
font-weight:normal !important;
line-height:26px !important;
margin-right:0!important;
padding-left:5px !important;
background-image:url(images/fond_menu_vert.jpg)!important;
background-repeat:repeat-x;
background-position:0 -36px;
text-align:left !important;
}

#MenuBleu {
list-style: none;
display: none;
width:89px;
}
* html #MenuBleu { /*ie6*/
width:100px;
}


#MenuBleu a{
height:26px !important;
font-weight:normal !important;
line-height:26px !important;
margin-right:0!important;
padding-left:5px !important;
background-image:url(images/fond_menu_bleu.jpg)!important;
background-repeat:repeat-x;
background-position:0 -36px;
text-align:left !important;
}


/*/////////////////////////////////////////////////////////        CONTENU       ////////////////////////////////////////////////////////////////////////*/



#contenu{
margin-top:10px;
min-height:280px;
}

#contenuHome{
margin-top:10px;
height:285px;
}
* html #contenuHome{ /*ie6*/
margin-bottom: -85px;
	height: 370px;
	overflow: hidden;
}


#diaporama{
height:270px;
width:500px;
margin-top:8px;
background-image:url(images/ombre_petit_diapo.jpg);
background-position:0 bottom;
background-repeat:no-repeat;
}
* html #diaporama{ /*ie6*/
background-position: 0px 215px;
}

#diaporama img{
margin-left:24px;	
}

#diaporama #flashcontent{
margin-left:24px;
position:relative;
z-index:1;
background: #ffffff;
}

#diaporama #video{
margin-top:20px;
margin-left:24px;
border:5px solid #FFF;
background-color:#FFF;
height:248px;
}
* html #diaporama #video{ /*ie6*/
margin-left: 12px;
}

#diaporama #sto{
margin-bottom:120px;	
}


#diaporamaHome{
height:369px;
width:678px;
margin-top:8px;
background-image:url(images/ombre_grand_diapo.jpg);
background-position:0 bottom;
background-repeat:no-repeat;
}
*:first-child+html #diaporamaHome{ /*ie7*/
	margin-top:0px;
}
* html #diaporamaHome{ /*ie6*/
	margin-top:0px;
}

#diaporamaHome img{
margin-left:24px;	
}

#diaporamaHome #flashcontent{
margin-left:24px;
position:relative;
z-index:1;
background: #ffffff;
}

#contenu div{
float:left;
}


#contenu #text_contenu{
width:396px;
min-height:280px;
text-align:justify;
padding-right:48px;
color:#3f4042;
background-image:url(images/degrade_contenu.jpg);
background-repeat:no-repeat;
background-position:top right;
}
* html #contenu #text_contenu{ /*ie6*/
	margin-right: -30px;
	width:385px;
	height:280px;
}

#contenu #text_contenu2{
width:848px;
min-height:280px;
text-align:justify;
padding-right:48px;
padding-left:48px;
color:#3f4042;
background-image:url(images/degrade_contenu.jpg);
background-repeat:no-repeat;
background-position:top right;
}

#contenu #text_contenu3{
width:451px;
text-align:justify;
color:#3f4042;
margin-top:35px;
margin-left:25px;
}
* html #contenu #text_contenu3{ /*ie6*/
margin-left: 12px;
}

#contenu #text_contenu h1, #contenu #text_contenu2 h1{
color:#C00;
text-transform:uppercase;
text-align:left;
}

#contenu #text_contenu h2, #contenu #text_contenu2 h2, #contenu #text_contenu3 h2, #contenu #text_contenu4 h2{
font-size:16px;
text-align:left;
}


#contenu #text_contenu a, #contenu #text_contenu2 a, #contenu #text_contenu3 a, #contenu #text_contenu4 a{
color:#3f4042;
}


#contenu .liste_contenu{
margin-left:15px;
margin-bottom:20px;
float:left;
width:180px;
text-align:left;
}

#contenu .liste_contenu ul{
margin: 8px 0;
font-size:11px;
font-weight:bold;
list-style-type:disc;
}

#contenu .liste_contenu ul ul{
margin-left:20px;
color:#666;
list-style-type:disc;
}

#contenu .liste_contenu2{
margin-left:15px;
margin-bottom:20px;
float:left;
text-align:left;
}


#contenu .liste_contenu2 ul{
margin: 8px 0;
font-size:11px;
font-weight:bold;
list-style-type:disc;
}

#contenu .liste_contenu2 #listFleche{
list-style-type:none !important;
}


#contenu .liste_contenu2 ul ul{
margin-left:20px;
color:#666;
}

#contenu .liste_contenu3{
margin-left:15px;
float:left;
text-align:left;
}

#contenu .liste_contenu3 ul{
font-size:11px;
font-weight:normal;
}

#contenu .liste_contenu3 ul ul{
margin-left:20px;
color:#666;
}

#contenu #img_contenu{
margin-top:30px;
margin-right:5px;
}

#contenu #garantie{
float:left;
margin-right:25px;
}

#ecopret{
	margin-left:24px;
	min-height:80px;
}


#text_contenu4{
margin-top:20px;
text-align:justify;
color:#3f4042;
}

.floatleft{
float:left;	
}

.galeriephoto {
margin:10px 6px;	
}

.galeriephoto img{
margin:10px 0;
}

.galeriephoto h2{
font-size:16px !important;
text-decoration:underline;
white-space: nowrap; /*ie7*/
}

iframe{
width:500px;
height:950px;
margin-left:200px;
}

hr{
	margin-top:20px;
}

.seigneurieBlocs{
margin-top:10px;
border-top:#999 solid thin;
padding-top:10px;
}

.seigneurieBlocs div{
	width:450px;
	margin-left:20px;
}

#seigneurieh2{
	color:#333;
	text-align:center;
	margin-top:8px;
	background-color:#FFF;
	line-height:30px;
}

#seigneurie{
margin-top:10px;
margin-left:400px;
}


/*//////////////////////////////////////////////////        FORMULAIRE         ///////////////////////////////////////////////////////////////////////////////*/

#formulaireContact fieldset{
padding:12px;
margin-bottom:20px;
border:1px solid #999;
}

#formulaireContact legend{
color:#C00;
text-transform:uppercase;
font-weight:bold;
}

#formulaireContact #civilite input{
margin: 4px 0;
background-color:#CCC;
border:thin inset #666;
}

#formulaireContact #civilite div{
width:246px;
}

#formulaireContact #demandeForm input{
margin-right:5px;
margin-bottom:6px;
}
*:first-child+html #formulaireContact #demandeForm input{ /*ie7*/
	margin-bottom:0px;
}
* html #formulaireContact #demandeForm input{ /*ie6*/
	margin-bottom:0px;
}

#formulaireContact #civilite label{
font-weight:bold;
float:right;
}


#formulaireContact div{
float:left;
margin-top: 8px;
margin-right:28px;
}

#formulaireContact #demandeForm div{
float:left;
margin-top:8px;
margin-right:10px;
padding:8px;
height:90px;
width:100px;
}

#formulaireContact div h2{
margin-bottom:10px;
color:#FFF;
padding:6px;
}

#formulaireContact #demandeForm #formrouge{
background-color:#C03;
}

#formulaireContact #demandeForm #formvert{
background-color:#393;
}

#formulaireContact #demandeForm #formjaune{
background-color:#FC0;	
}

#formulaireContact #demandeForm #formbleu{
background-color:#1C7BC1;
}

#formulaireContact .rightForm{
float:right;
margin-top:0 !important;
margin-right:0 !important;
}

#msg{
width:300px;
height:100px;
background-color:#CCC;
border:thin inset #666;
font-style:italic;
color:#666;
padding-top:0 !important;
}
* html #msg{ /*ie6*/
width:275px;
}




/*//////////////////////////////////////////////////        FOOTER         ///////////////////////////////////////////////////////////////////////////////*/




#fond_footer{
clear:both;
min-height:275px;
background-image:url(images/fond_footer.jpg);
background-repeat:repeat-x;
background-position:top center;
}


#footer {
padding-left:30px;
}

#footer p, #footer ul, #footer #logo_footer{
list-style-type:none;	
float:left;
margin-top:140px;
margin-right:25px;
color:#bbbcbf;
}

#footer #coordonnees b{
font-size:24px;	
}

#footer #social{
height:130px;
width:57px;
float:right;
margin-top:75px;
margin-right:40px;
padding-top:15px;
background-image:url(images/social.jpg);
background-repeat:no-repeat;
}
*:first-child+html #footer #social{ /*ie7*/
padding-top:30px;
}
* html #footer #social{ /*ie6*/
padding-top:30px;
}
#footer #social a {
display:block;
height:30px;
width:30px;
}

#footer #social div{
margin-top:15px;
margin-left:12px;
height:30px;
width:30px;
}

#footer #galerie_footer{
float:right;
margin-right:20px;
margin-top:100px;
}
* html #footer #galerie_footer { /*ie6*/
margin-right:0px;
}

#footer a{
color:#bbbcbf;
}


#footer #mentions{
font-size:10px;
text-align:right;
margin-left:20px;
}
* html #footer #mentions{ /*ie6*/
margin-right:0px;
}