/* Start of CMSMS style sheet 'my : andreas01_screen' */
/* 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
*/

body{
	background: #ffffff url("../gpx/background.jpg") no-repeat top center;
	margin:0;
	padding: 0;
}

#main{
	background: #fff;
	display:block;
	width:970px;
	height:580px;
	margin:0px auto 0 auto;
	padding: 0;
	font-family:Arial;
	font-size:12px;
	color:#333333;
	text_align:justify;
}

#top{
	background: #fff;
	width:970px;
	height:160px;
	margin:0;
}

#bottom{
	float:left;
	background: #fff;
	width:970px;
	height:390px;
	margin:0;
}

#menu{
	float:left;
	background: #fff url("../gpx/bgmenu.jpg");
	width:200px;
	height:380px;
	padding:0px 0 0 0;
	margin:0 0 0 0;
}


#menug{
	float:left;
	width:200px;
	height:245px;
	padding:0 0 0 0;
margin:0;
}


#menug ul {	
	list-style: none;
	width: 170px;
	margin: 0px 20px 0px 10px;
	padding: 0;
}


#menug li {
	margin-bottom: 0px;
}

#menug li a {
	background: url("../gpx/btng_2.png");
	font-family:Arial;
	font-size:12px;
	font-weight: normal;
	height: 23px;
	text-decoration: none;
	display: block;
	padding:10px 0px 0px 25px;
	color: #444444;
	border-bottom:1px dotted #aaa;

}	
	
#menug li a:hover {
	background: url("../gpx/btng_1.png");
	color: #ee0000;
}

#menugV ul {	
	list-style: none;
	width: 170px;
	margin: 0px 20px 0px 10px;
	padding: 0;
}
#menugV li {
	margin-bottom: 0px;
}


#menugV li a {
	background: url("../gpx/btng_2.png");
	font-family:Arial;
	font-size:12px;
	font-weight: normal;
	height: 23px;
	text-decoration: none;
	display: block;
	padding:10px 0px 0px 25px;
	color: #fff;
	border-bottom:1px dotted #aaa;

}	
	
#menugV li a:hover {
	background: url("../gpx/btng_1.png");
	color: #fff;
}



<!-- 2eme-->

#menug2{
	float:left;
	width:200px;
	height:120px;
	padding:0 0 0 0;
margin:0;
}


#menug2 ul {

	list-style: none;
	width: 170px;
	margin: 0px 15px 0px 15px;
	padding: 0;
}


#menug2 li {
	float:left;
	width: 170px;	
	margin-bottom:0px;
}

#menug2 li a {
text-align:center;
	background: url("../gpx/btng_contact.png");
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	display: block;
	padding:12px 0px 0px 0px;
	color: #fff;
	border-bottom:0px dotted #B8C42D;

}	
	
#menug2 li a:hover {
	background: url("../gpx/btng_contact2.png");
	color: #111;
}

#menugrouge {

}

#menugrouge li {
	float:left;
	width: 170px;	
	margin-bottom:0px;
}

#menugrouge li a {
text-align:center;
	background: url("../gpx/btng_contact2.png");
	font-family:Arial;
	font-size:12px;
	font-weight: bold;
	height: 30px;
	text-decoration: none;
	display: block;
	padding:12px 0px 0px 0px;
	color: #000;
	border-bottom:0px dotted #B8C42D;

}	
	
#menugrouge li a:hover {
	background: url("../gpx/btng_contact3.png");
	color: #eee;
}



#ctn{
	float:left;
	background: #fff url("../gpx/ombreg.jpg") no-repeat;
	width:550px;
	height:390px;
	margin:0;
	padding:0;

}


.ctnswf{
	float:left;
	width:535px;
	height:340px;
	margin:0;
	padding:0px 0px 0px 15px;

}


.ctndemi{
	float:left;
	width:255px;
	height:320px;
	margin:0;
	padding:10px 10px 10px 10px;

}


.bloc200{
background:#dedede;
	float:left;
	width:180px;
	margin:0;
	padding:0px 5px 5px 5px;
}

.bloc350{
	float:left;
	width:325px;
	margin:0;
	padding:0px 5px 5px 10px;
text-align:justify;
}


.pageproduit{
margin:0;

}

.pageproduit H1{
	background:url("gpx/barre_h_produit.png");
	color:#fff;
height:36px;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 20px;
}



.produit{
	border-bottom:1px dotted #B8C42D;
	float:left;
	width:100%;
height:100%;
	margin:0;
	padding:7px 0px 7px 0px;
text-align:justify;
}

.produit_img{
	float:left;
	width:110px;
height:100%;
	margin:0;
	padding:0;
text-align:justify;
}

.produit_txt{
	float:left;
	width:385px;
height:100%;
margin:0;
	padding:0;
text-align:justify;
}


.produit2{

	float:left;
	width:220px;
height:100%;
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
text-align:justify;
}

.produit_img2{
	float:left;
	width:110px;
height:100%;
	margin:0;
	padding:0;
text-align:justify;
}

.produit_txt2{

	float:left;
	width:90px;
height:100%;
margin:0;
	padding:0;
text-align:justify;
}

.produit3{

	float:left;
	width:220px;
height:100%;
	margin:0;
	padding:0px 0px 0px 0px;
text-align:justify;
}

.produitswf{

	float:left;
	width:280px;
height:100%;
	margin:0;
	padding:0px 0px 0px 0px;
text-align:justify;
}

.txt{
text-align:justify;
	float:left;
	padding:5px 10px 5px 15px;
	margin:0;
	width:525px;
}

.txt2{
text-align:justify;
	float:left;
	padding:5px 10px 5px 15px;
	margin:0;
	width:500px;
}
.txt3{
text-align:justify;
	float:left;
	padding:0px 0px 0px 15px;
	margin:0;
	width:500px;
}
.plandusite{
width:530px;
	height:340px;
	margin:0;
	padding:0;
	overflow-y:auto;
scrollbar-face-color: #e2e2e2;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #ddd;
scrollbar-track-color: #efefef;
scrollbar-arrow-color: #ee0000;
}
.plandusite ul{
color:yellow;
}

.plandusite li{
list-style-type:square;

}
.plandusite li li{
list-style-type:square;

}
.plandusite li li li{
list-style-type:circle;

}

.plandusite li a{
text-decoration:none;
color:black;
}
.plandusite li a:hover{
text-decoration:none;
color:red;
}

.overflow{
	width:550px;
	height:390px;
	margin:0;
	padding:0;
	overflow-y:auto;
scrollbar-face-color: #e2e2e2;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #ddd;
scrollbar-track-color: #efefef;
scrollbar-arrow-color: #ee0000;
}

.overflow2{
	width:550px;
	height:340px;
	margin:0;
	padding:0;
	overflow-y:auto;
scrollbar-face-color: #e2e2e2;
scrollbar-shadow-color: #eee;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #ccc;
scrollbar-darkshadow-color: #ddd;
scrollbar-track-color: #efefef;
scrollbar-arrow-color: #ee0000;
}

#ctn_sup{
	float:left;
	width:550px;
	height:360px;
margin:20px 0 20px 0;

padding:0;
}

#ctn_sup1{
	border-bottom:#efefef 2px solid;
background:url("gpx/degra.jpg");
	float:left;
	width:298px;
	height:350px;
	margin:10px 0px 0px 20px;
	.margin:10px 0px 0px 10px;
padding:0;
}

#ctn_sup2{
background:url("gpx/fond-avantage.jpg");
display:inline;
	float:left;
	border-bottom:#efefef 1px solid;
	float:left;
	width:208px;
	height:350px;
	margin:10px 0px 0px 12px;
padding:0;
	font-size:11px;

}

#ctn_sup2_titre{
	background:#fff url("gpx/fond-avantage-titre.jpg") no-repeat;
	float:left;
	width:204px;
	height:33px;
	padding:2px 0px 0px 5px;
	margin:0px 0px 5px 0px;
	font-size:12px;
	color:#fff;
}


#ctn_sup2_ctn{
	float:left;
	width:198px;
	height:40px;
	float:left;
	padding: 0px 5px 0px 5px;
	text-align:justify;
margin:0;

}





#ctn_inf{
	border:#efefef 1px solid;
	float:left;
	width:248px;
	height:60px;
	margin: 0px 10px 8px 20px;
	.margin: 0px 0px 8px 10px;
padding:0;
}

#ctn_inf_img{
	float:left;
	width:180px;
	height:60px;
}

#ctn_inf_txt{
	float:left;
	width:223px;
	height:35px;
	padding:15px 10px 10px 20px;
	text-align:justify;
margin:0;
}

#menud{
	float:left;
	//background: url("../gpx/bgmenud.jpg");
	width:220px;
	height:391px;
}


#menud a{
display:block;
text-indent:-10000px;
}

a.produits{
height:84px;
width:220px;
background:url("gpx/menud_produits.jpg");
}

a.teintes{
height:72px;
width:220px;
background: url("gpx/menud_teintes.jpg");
}

a.realisation{
width:220px;
height:73px;
background: url("gpx/menud_realisation.jpg");
}

a.montage{
width:220px;
height:73px;
background: url("gpx/menud_montage.jpg");
}

a.faq{
width:220px;
height:89px;
background: url("gpx/menud_faq.jpg");
}


#menud a:hover{
background-position:220px 0;
}


#footer{
	background: url("../gpx/bas.jpg");
	float:left;
	width:970px;
	height:25px;
	padding:5px 0px 0px 0px;
	text-align:right;
}


#footer ul{
display:inline;
	list-style: none;
	margin:5px 0px 0px 0px;


}

#footer li{

display:inline;
	margin:5px 0px 0px 0px;
	border-left:#aaa 1px dotted;

}

#footer li a{
	text-decoration: none;
	margin:10px 10px 0px 10px;
	color:#999;
	font-family:Arial;
	font-size:8px,



}

#footer li a:hover{

	color:#ee0000;

}
.gris{
	color:#999;
}


.vert{
	color:#B8C42D;
}


.vert2{
	margin:0 0 0 10px;
	color:#B8C42D;
	border-bottom:0px solid #eee;
}

.rouge{
	color:#ee0000;
}

.rouge2{
	color:#ee0000;
	margin:0 0 0 10px;
}

.puce ul {	
	list-style: none;
	margin: 0px 0px 0px 0px;

}
.puce li {
	background:url("gpx/puce.png") no-repeat;
	color:#111;
	padding:0px 0px 0px 15px;
	margin:0px 0 0 0px;
}



H1{
	background:url("gpx/barre_h.png");
	color:#fff;
height:36px;
	border-top:0px solid #444;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 20px;
}


H2{
	background: #B8C42D;
	color:#ffffff;
	border-left:0px dotted  #ffffff;
	border-right:0px dotted  #ffffff;
	border-bottom:1px dotted #ffffff;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	padding:0 0 0 20px;
}



H3{
	border-bottom:1px solid #B8C42D;

	color:#ee0000;
	font-family:Arial;
	font-weight:Bold;
	font-size:12px;
	padding:0 0 0 20px;
	margin:20px 0px 10px 0px;
}

H4{
display:inline; 
line-height:21px ;

	color:#000000;
	border-left:0px dotted  #ffffff;
	border-right:0px dotted  #ffffff;
	border-bottom:1px dotted #ddd;
	font-family:Arial;
	font-weight:Bold;
	font-size:12px;
	margin:0px 0px 5px 0px;
	padding:0px 120px 0px 0px;
}

h5{
	border-bottom:1px solid #B8C42D;
	color:#ee0000;
	font-family:Arial;
	font-weight:Bold;
	font-size:12px;
	padding:0 0 0 40px;
	margin:10px 10px 20px 0px;
}

.fondgris{
	background:#f1f1f1;
width:100%;
height:100%;

}

.ctndemi hr{
width: 80%;
height: 1px;
border: 0;
border-top: 1px dotted #ddd;
}

.ctndemi H1{
	color:#000000;
	border-bottom:1px solid #ee0000;
	font-family:Arial;
	font-weight:Bold;
	font-size:13px;
	padding:0 0 0px 20px;
	margin:0 0 20px 0px;
}


.ctndemi ul {	
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}

.ctndemi li a{
	background: url("../gpx/btn_fleche.jpg") no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight: normal;
	height: 20px;
	text-decoration: none;
	display: block;
	padding:2px 0px 10px 30px;
	margin:10px 0px 0px 0px;
	color: #444444;
	border-bottom:1px dotted #ddd;

}	
	
.ctndemi li a:hover {
	background: url("../gpx/btn_fleche2.jpg") no-repeat;
	color: #ee0000;

}


.btn ul {	
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

.btn li a{
	background: url("../gpx/btn_fleche.jpg") no-repeat;
	font-family:Arial;
	font-size:12px;
	font-weight: normal;
	height: 20px;
	text-decoration: none;
	display: block;
	padding:2px 0px 10px 30px;
	margin:10px 0px 0px 0px;
	color: #444444;
	border-bottom:1px dotted #ddd;

}	
	
.btn li a:hover {
	background: url("../gpx/btn_fleche2.jpg") no-repeat;
	color: #ee0000;

}
.calendar-event{
width:530px;
padding:0 5px 5px;
}


/* End of 'my : andreas01_screen' */