/* Start of CMSMS style sheet 'css 2010' */
/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

/*
This layout depends on modified news summary template

<!-- Start News Display Template -->
{foreach from=$items item=entry}

<h3>
	{$entry->titlelink}
</h3>

<p>
{$entry->category}
{if $entry->author}
	by {$entry->author}
{/if}

{if $entry->formatpostdate}
<strong>
		{$entry->formatpostdate}
</strong><br />
{/if}


{if $entry->summary}
 {eval var=$entry->summary}
</p>
  <p class="textright">[{$entry->morelink}]</p>

{else if $entry->content}
		{eval var=$entry->content}
</p>
{/if}

{/foreach}
<!-- End News Display Template -->

Copy paste this template to your news summary template and delete from here
*/





img { behavior: url(iepngfix.htc); }

body{
margin:0px;
padding:0px;

background : #e5e5e5  url('gpx/fond-site.jpg') no-repeat center top;

    scrollbar-face-color: #ff7f00;
    scrollbar-shadow-color: #e74f04;
    scrollbar-highlight-color: #e7a404;
    scrollbar-3dlight-color: #e7a404;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #efefef;
    scrollbar-arrow-color: #eee8aa;

}
.clear{
clear:both;
}
a{
outline:none;
}
div#lien{

	float:right;
	text-align:right; 
	margin-top:0px;
	margin-right:30px;
	margin-left:0px;
	margin-top:0px; 
	}
.lien2{

	text-decoration: none;
	color: #DB4016;

	font:12px Arial; ;
	}

.Style2 {
	text-decoration: none;
	color: #DB4016;
	text-align:center; 
	font:18px Arial; 
	padding : 15px;
}

.Style3 {
	text-decoration: none;
	color: #DB4016;
	text-align:center; 
	font:12px Arial; 
}


a:link {
	text-decoration: none;
	color: #000000;
		text-align:center; 
	font:10px Arial; 
}
a:visited {
	text-decoration: none;
	color: #000000;
	text-align:center; 
	font:10px Arial; 
}
a:hover {
	text-decoration: none;
	color: #1c1c1c;
	text-align:center; 
	font:10px Arial; 
}
a:active {
	text-decoration: none;
	color: #1c1c1c;
	text-align:center; 
	font:10px Arial; 
}


h1 { 

	background:#ccc url('gpx/puce.png') no-repeat 2px ;
 	font-weight: Bold; 
  	font-size: 12pt;
 	font-family: Arial;
	color:#fff;

	padding:7px 20px 4px 30px;
	line-height:10px;


}


h2 { 
 	font-weight: normal; 
  	font-size: 10pt;
 	font-family: Arial;
	color: #ff7f00;
 	font-variant: normal;
 	font-style: normal;
	display:inline; 
	line-height:15px;

}
h3 { 
 	font-weight: normal; 
  	font-size: 10pt;
 	font-family: Arial black;
	color:#000000;
 	font-style:bold;
	display:inline; 

}

.orange{
	color: #ff7f00;
}

table { 
	border: 0px;
	border: solid ; 
	border:#fff;
	border-width:0px;

	margin:0;
	padding:0;

}

tr,td{

	margin:0px;
	padding:0;



}

div#site {
	width:970px;
	height:600px;
	padding:0px;
	margin-left :auto;
	margin-right :auto;
	margin-top :0px;
	margin-bottom :0px;

	behavior: url(CSS/iepngfix.htc); 
	}


div#header{
background:#ccc;
	width:970px;
	height:200px;
	float:left;
	margin:0;
	}

div#BTN_gauche {

	width:194px;
	height:420px;
	float:left;
	margin-top:-20px;
	margin-left:0px;
	margin-right:0px;
	}


div#border {
	width:150px;
	border-top : 1px; 
	border-top : solid ; 
	border-top : #ffffff;
	margin-top:110px;
	margin-left:20px;
	margin-right:0px;


	}

div#BTN_contact{
	width:195px;
	height:50px;
	float:left;
	margin-top:25px;
	margin-left:0px;
	margin-right:0px;
	}


.menu{ margin: auto; padding:0; height:30px; width:470px; display:block; background:url('topMenuImages.png')  ;}
.menu li{padding:0px; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:28px;padding-right:28px; display:block; color:#fb7700; text-decoration:none; font:12px  Arial; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
##.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
##.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}

div#contenu {
background:#fff;
	width:970px;
	min-height:380px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
font-family:Arial;
font-size:12px;
	}

div#contenu_norm {
background:#fff;
	width:970px;
	min-height:370px;
	float:left;
	margin:12px 0px 0px 0px;
	padding:0px 0px 0px 0px;
font-family:Arial;
font-size:12px;
	}


div#contenu_sup {
	width:485px;
	height:360px;
	margin-top:15px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	}

div#contenu_titre {
letter-spacing: 10px;
	height:20px; 
	margin-top:20px;
	margin-right:10px;
	margin-left:10px;
	text-align:center; 
	font:15px Arial; 
	color:#bbb;
	border-bottom: dotted #ccc;
	border-bottom-width:1px;
font-weight:bold;

	}


div#contenu_texte {
	width:940px;
	min-height:300px; 
	margin-top:20px;
	margin-right:20px;
	margin-left:10px;
	margin-bottom:0px;
	text-align:justify; 
	font:12px Arial; 	
	color:#444;
	}

div#contenu_texte2 {
	width:940px;
	margin-top:5px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:50px;
	text-align:justify; 
	font:12px Arial; 	
	color:#444;
	}

div#contenu_texte_2 {
	width:950px;
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	text-align:justify; 
	font:12px Arial; 	
	color:#444;
	}

div#contenu_texte_scroll {
	width:970px;
	height:330px; 
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0px;
	text-align:justify; 
	font:12px Arial; 	
	color:#444;
	overflow-y: auto;
	}
.txt{
padding:10px;
}

.fnoir {
	width:920px; 
	margin-top:10px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:10px;
	padding:5px 10px 5px 10px;
	text-align:justify; 
	font:12px Arial; 
	border-bottom: #eee solid 1px;	
	color:#444;
	}




div#scroll_lien{ 

 
overflow: auto;
height: 500px;
width: 960px; 
	text-align:justify; 
	font:12px Arial; 	
	color:#444;
}

div#photo_hori{ 
	overflow: auto; 
	width: 410px; 
	height: 330px;

}

div#photo_hori_2{
	width: 1510px;
}



div#image {
float:left;
	width:125px;
	height:120px; 
	margin-top:20px;
	margin-right:12px;
	margin-left:12px;
	text-align:center; 
	font:20px Arial; 
	border: solid #ccc;
	background:#ccc;
	border:1px;:
	

	}
div#image2 {
	float:left;
	width:125px;
	height:115px; 
	margin-top:10px;
	margin-right:12px;
	margin-left:12px;
	text-align:center; 
	font:20px Arial; 
	border: solid #555555;
	background-color:rgb(0,0,0);
	border:1px;:

	}

div#image_technique {
	float:left;
	width:125px;
	height:135px; 
	margin-top:5px;
	margin-right:5px;
	margin-left:5px;
margin-bottom:0px;
	text-align:center; 
	font:20px Arial; 
	border: solid #555555;
	background:#eee;
	border:1px;:

	}

div#contenu_flash {
	width:490px;
	height:500px; 
	margin-top:20px;
	margin-right:0px;
	margin-left:0px;
	text-align:justify; 
	font:12px Arial; 	
	color:rgb(220,220,220);
	float:left;
	}


div#contenu_inf {
	width:485px;
	height:150px;
	margin-top:15px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	}

div#menu_droite {

	float:right;
	width:265px;
	height:590px;
	margin-top:0px;
	margin-right:10px;
	_margin-right:0px;	
	margin-left:0px;
	}

div#vignette_droite {
	margin-top:15px;
	margin-right:0px;
	margin-left:10px;
	width:240px;
	height:100px;
	display: block;
	position:relative;
	float:left;
	}

div#BTN_droite {
	position:relative;
	float:right;
	margin-top:0px; 
	width:200px; 
	margin-top:75px;
	margin-right:15px;
	margin-left:0px;
	text-align:right; 
	font:13px Arial; 	
	color:rgb(220,90,20);
	}
small{
	color:#555555;
}


/*catalogue*/

#bouton_centrage{
margin-left:160px;
margin-top:10px;
}
#ossature_bois{
float:left;
margin-right:80px;
width:280px;
height:280px;
}

#bois_massif{
float:left;
width:280px;
height:280px;
}

a {
text-decoration:none;
}

a img{
border:2px solid #eee;
}
a img:hover{
border:2px solid #FF9831;
}



#bloc_haut{
float: left;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
width: 970px;
height:175px;
}

#bloc_bas{
background:#ffffff;
float: left;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
width: 970px;
min-height:390px;
}


#wrap {
float: none;
color: #303030;
margin-top:10px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
width: 970px;
}





#bloc_gauche {
background:#e46600;
float: left;
width: 150px;
height: 350px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding: 0;
}

#inter{
display:block;
float:left;
height:10px;
margin:0 auto;
padding:0;
}

.menubase{
width:970px;
float:left;
height:40px;
margin:0 auto;
}




/******* Top menu *******/


.topmenu{
height:30px;
width:600px;
margin:0 auto;
text-align:center;
padding:10px 0px 5px 0px;
}

.topmenu a{
font-size:13px;
font-weight:Bold;
padding:0px 40px 10px 40px;
color:#eee;
background:#ff7f00;
text-decoration:none;

}

.topmenu a:hover{
background:#ff9831;
color:#fff;

}

#content {
background:#ffffff;
float: left;
color:#444;
margin: 5px 0px 0px 0px;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
padding: 10px 10px 0px 10px;
width: 970px;
height:380px;
text-align: justify;
overflow-y:auto;
scrollbar-face-color: #fafafa;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #eee;
scrollbar-darkshadow-color: #ddd;
scrollbar-track-color: #f8f8f8;
scrollbar-arrow-color: #e29c94;

}


.bloc300 {
float: left;
margin: 0px 7px 8px 0px;
padding: 0px 0px 0px 0px;
width: 290px;
text-align: justify;
}


.after {
float:left;
margin:0;
padding: 0px 0px 0px 0px;
width: 970px;
height: 25px;
color: #808080;
background:#bbb;
}

ul.after{
height:25px;
list-style-type:none;
color:#ddd;
padding:0px 0px 0px 0px;
}


ul.after li{
font-family:Arial;
font-size:14px;
float:left;

padding:0px 0px 0px 0px;
border-right:#fff dotted 1px;
}

ul.after li a{
font-size:14px;
padding:0px 20px 0px 20px;
color:#666;
text-decoration:none;

}

ul.after li a:hover{
font-size:14px;
background:#aaa;
color:#000;

}
#salon{
padding: 0px 20px; 
width: 700px; 
float: left;

}
#salon_delimitation{
border-bottom: 1px dotted #bbbbbb; 
width: 970px; 
height: 140px;
padding-bottom:5px;

}
#salon_delimitation:hover{
background-color:#CCCCCC;

}
#salon a{
text-decoration: none;
	color: #DB4016;
	text-align:center; 
	font:12px Arial; 
}


#partenaires{
padding: 0px 40px; 
width: 480px; 
float: left;

}
#partenaires_delimitation{
border-bottom: 1px dotted #bbbbbb; 
width: 970px; 
height: 140px;

}
#partenaires_delimitation:hover{
background-color:#CCCCCC;

}
#partenaires a{
text-decoration: none;
	color: #DB4016;
	text-align:center; 
	font:12px Arial; 
}

#partenaires .Style3:hover{
color:black;
}

#galerie_modele{
margin-left:35px;
}
#menu_realisation{
margin-left:8px;
margin-top:20px;
}
#menu_realisation a{
float:left;
margin-left:5px;
margin-right:0px;
display:block;
}
#menu_realisation img{
padding-left:10px;
margin-top:10px;
border:none;
}
#menu_realisation img:hover{
margin-top:2px;
}

#visite{
margin-left:20px;
margin-top:20px;

}

#visite a{
display:block;
margin-left:15px;
float:left;
height:100px;
width:150px;
border:none;
}
#visite img{
border:none;
}
#visite img:hover{
border:none;
}
#visite a:hover{
color:grey;
}
#footer {
float:left;
margin-top:0px;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding: 0px 0px 0px 0px;
width: 970px;
height: 30px;
color: #808080;
font-size: 0.9em;
border-top:10px solid #888;
}

#footer2 {
float:left;
text-align:right;
width: 920px;
height: 30px;
}

#creagene{
float:left;
margin: 3px 0px 0px 0;
width: 50px;
height: 30px;
}
#creagene a img{
border:none;
}
.gallery a img{
border:none;
}


#footer a {
color: #808080;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

.left {
margin: 10px 10px 5px 0;
float: left;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}




.btn ul {	

	margin: 5px 0px 0px 0px;
	padding: 0;
}

.btn li{
list-style-type:none;
padding:0;
width:220px;
}
.btn li a{

	background: url("GPX/puce.png") no-repeat;
	font-family:Arial;
	font-size:12px;
text-align:left;
	font-weight: normal;
	height: 10px;
	text-decoration: none;
	display: block;
	padding:2px 0px 10px 30px;
	margin:5px 0px 0px 0px;
	color: #444444;
	border-bottom:1px dotted #ccc;

}	
	
.btn li a:hover {
	background: url("GPX/puce2.png") no-repeat;
	color: #ff7f00;

}

#concept{
margin:0 auto;
background:url(image/concept-maison-bois.jpg) no-repeat;
width:950px;
height:266px;
}

#concept a{
text-indent:-9999px;
float:left;
display:block;
width:130px;
height:266px;

}

a.lien1{
margin-left:10px;
}


a.lien2{
margin-left:25px;
}

a.lien3{
margin-left:30px;
}

a.lien4{
margin-left:30px;
}
a.lien5{
margin-left:30px;
}
a.lien6{
margin-left:30px;
}



#concept a:hover{
border-bottom:4px solid #FF7F00;
}
/* End of 'css 2010' */