body {
	margin:10px 0px;
	/*background-color: #191919;/*122543*/
	background: #121212 50% 0% url(../images/fond.jpg);
	background-repeat:no-repeat;
	color: #222222;
	font-family: Arial, Tahoma;
	font-size: 0.9em;
}
#site {
	background-color: #fff9df;/*122543 #122543*/
	background-image:url(../images/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:980px;
	padding:10px;
	margin:auto;
    z-index:0;
}
#breadcrump {
    font-size:10px;
    text-align:right;
    margin:0px;
    padding:0px;
}
#breadcrump a {
    color:#304d23;
}
#breadcrump a:hover {
    color:#53853c;
}
#accueil_container a {
    text-decoration:none;
}
a.subtil {
    text-decoration:none;
    color:#333;
}
a.subtil:hover {
    color:#81c561;
}
h4 {
    margin:0px;
}
#footer {
	margin:auto;
	width:1000px;
	height:5px;
	/*background-color: #fff9df;/*122543*/
	background-image:url(../images/bg_bottom.jpg);
	background-repeat:no-repeat;
	background-position:top center;
    text-align:center;
    padding:30px;
    color:#666;
    font-size:0.6em;
    text-shadow: #555 0px 0px 2px;
}
#barre {
	width:300px;
	padding:5px;
	float:left;
}
#contenant {
	position:relative;
	padding:5px;
	float:left;
	width:630px;
}
#pgcontact #barre {
	width:280px;
	padding:5px;
	float:left;
}
#pgcontact #contenant {
	position:relative;
	padding:5px;
	float:left;
	width:600px;
}
a {
	color:#53853c;
}
a:hover {
	color:#81c561;
}
a:active {
	color:#00a500;
}
h3 {
	margin:0px;
}
img {
	border:none;
}
#navigation {
	width:913px;
	text-align:center;
	clear:both;
	margin:auto;
}
#navigation .menucontainer {
	float:left;
	height:90px;
	display:block;
	background-position:0px 0px;
}
#navigation .menuitem {
	height:34px;
	display:block;
	background-position:0px 0px;
}
#navigation .text{
    display:block;
    margin-top:35px;
	font-size:18px;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
}
#navigation a {
    text-decoration:none;
    color:#495a4a;
}
#navigation a:hover {
    text-decoration:none;
    color:#2e9a37;
}
#navigation img {
	float:left;
}
#map {
	margin:auto;
	clear:both;
	width:100%;
	height:400px;
	color:#333333;
}
#content {
	padding-top:10px;
	clear:both;
	width:955px;
	min-height:300px;
	margin:auto;
}
input, select, textarea {
	background-color:#FEFFFE;
	color:#122543;
	border:solid 1px #73a55c;
	margin:2px;
}
#contact input, #contact select, #contact textarea {
	width:500px;
}
#submit {
	width:100px;
}
#adresse {
	margin-top:20px;
	color:#333333;
	text-align:center;
	font-size:1.3em;
	font-style:italic;
}
#adresse a {
	margin-right:125px;
}
#adresse .numero {
	background-image:url(../images/tel.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding:15px;
	padding-left:42px;
}
#pal_accueil {
	background-image:url(../images/bg_accueil.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:368px;
	margin:auto;
}
#pal_accueil #texte{
	float:left;
	background-color:#fff9df;
	width:400px;
	height:348px;
	margin-right:auto;
	padding:10px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	opacity:0.85;
	filter: alpha(opacity=85);
}
#pal_accueil #texte p {
    margin-top:0px;
    }
#pal_accueil #logopal{
	float:right;
	background-image:url(../images/pal_accueil.jpg);
	background-repeat:no-repeat;
	width:467px;
	height:368px;
}
.loader {
	background-image:url(../images/loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}
#pal_accueil ul li ul li {
	font-size:0.7em;
}
.controles {margin: 0; padding: 0;}
.controles li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;float:left;}
.controles span.ui-icon {float: left; margin: 0 4px;}

#produits-menu {
    position:absolute;
    left:5000px;
    background-color:#333333;
    border:1px #53853c solid;
    border-top:none;
    font-size:1.05em;
    font-weight:normal;
    padding:3px;
    width:10px;
    top:10px;
}
#produits-menu a {
    float:left;
    clear:both;
    margin:1px;
    text-decoration:none;
    text-align:left;
    padding:2px;
    width:95%;
    color:#81c561;
}
#produits-menu a:hover {
    color:#222;
    background-color:#81c561;
}
#categories span {
    width:22.8%;
    margin:0.80%;
    padding-top:10px;
    text-align:center;
    display:block;
    font-size:1.2em;
    font-weight:bold;
    cursor:pointer;
    color:#333333;
    text-decoration:none;
    float:left;
    min-height:350px;
    border:1px solid #c8c6bb;
}
#categories a {
    text-decoration:none;
}
#categoriescomptoirs span {
    width:22.8%;
    margin:0.70%;
    padding:0.30%;
    padding-top:5px;
    text-align:center;
    display:block;
    font-size:1.2em;
    font-weight:bold;
    cursor:pointer;
    color:#333333;
    text-decoration:none;
    float:left;
    min-height:290px;
    border:1px solid #c8c6bb;
}
#categoriescomptoirs a {
    text-decoration:none;
}
#cats-container {
    text-align:center;
}
#essences {
    padding-top:0px;
}
#essences h4 {
    padding-top:10px;
}
div.small-echantillons span.essence-flotant {
    float:left;
    display:block;
    text-align:center;
    min-height:112px;
}
div.small-echantillons span.essence-flotant p {
    margin:0px;
    margin-top:3px;
    margin-bottom:5px;
}
div.small-echantillons span.essence-flotant {
    background: 50% 0% url(../images/bgessence.png);
    background-repeat:no-repeat;
}
div.small-echantillons span.essence-flotant img {
    height:112px;
    width:112px;
}
#modeles span.modele {
    float:left;
    display:block;
    text-align:center;
}
#modeles span.modele img {
    max-width:80%;
}
div.accessoires span.accessoire {
    float:left;
    display:block;
    text-align:center;
}
div.accessoires span.accessoire p.desc {
    margin:3px;
    line-height:1.5em;
    font-size:0.8em;
}
div.accessoires h4 {
    padding-bottom:10px;
}
#cadres span.modele {
    float:left;
    display:block;
    text-align:center;
}
#cadres span.modele img {
    max-width:80%;
}
#profils span.profil {
    float:left;
    display:block;
    text-align:center;
}
#profils span.profil p.desc {
    margin:3px;
    line-height:1.7em;
    font-size:0.8em;
}
#profils span.profil p.desc img {
    margin-bottom:-5px;
}
#profils span.profil p.desc .chant {
}
.boutton {
    padding : 0.2em 5px 0.2em 5px;
    text-decoration : none;
    position : relative;
}
#profils #legende {
    width:90%;
    margin:auto;
    border:1px dashed #ccc;
    margin-top:10px;
    padding:5px;
    color:#555;
    font-size:0.7em;
}
#profils #legende p {
    margin:0px;
    margin-top:5px;

}
#profils #legende span {
    display:block;
}
#profils #legende img {
    margin-bottom:-4px;
}
span.galpic {
    display:block;
    text-align:center;
    float:left;
}
#profils.aluminium span {
    width:49%;
    padding-bottom:20px;
}
#profils.aluminium span h3 {
    margin:5px;
}
#profils.aluminium span p {
     text-align:left;
     margin:1px;
     font-size:0.9em;
}
table.dispos {
    text-align:center;
    width:100%;
}
table.dispos td {
    border:solid 1px #AAA;
}
#cachelum .galpic {
    width:140px;
    padding:0.5%;
}
img.imgdialogOpener {
    cursor:pointer;
}
span.bg72px {
    float: left;
    width:11%;
    height:98px;
    text-align:center;
    background:url(../images/bg72px.png);
    background-repeat:no-repeat;
    background-position:49% 0px;
    line-height:1.5em;
    font-size:0.8em;
}
span.bg72px img {
    margin-bottom:3px;
}