/* General setup
- - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin:0;
	padding:0;
}

body {
	font-family: Arial, sans-serif;
	font-size:12px;
}

/* Page structure 
- - - - - - - - - - - - - - - - - - - - - - - - - - */

#page {
	margin:0 auto;
	position:relative;
	width:990px;
}

#header {
	height:122px;
	width:100%;
	background:url('logo.jpg') top left no-repeat;
}

#header #mots-cles {
	float:right;
	height:122px;
	width:582px;
}

#footer {
	width:990px;
	height:123px;
	background:url('footer.jpg') top left no-repeat;
}

/* Page content setup 
- - - - - - - - - - - - - - - - - - - - - - - - - - */

#content {
	position:relative;
}

#content a {
	color:#b5d302;
}

#content li {
	list-style:none;
	background:url('puce.jpg') no-repeat;
	padding-left:20px;
}

.photo-categorie {
	float:left;
	margin-right:60px;
}

#content h1 {
	color:#b5d302;
	font-size:17px;
	padding-top:20px;
	margin-bottom:20px;
}

#content p.categorie-description {
	margin-bottom: 1em;
	padding-right:230px;
}


#content p.guide {
	font-size:15px;
	color:#014954;
	background:url('puce_fleche.jpg') center right no-repeat;
	padding-right:20px;
	font-weight:bold;
	position:absolute;
	bottom:20px;
	left:525px;
}

#content p.guide a {
	color:#014954;
	text-decoration: none;
}

#content p.guide a:hover {
	color:#b5d302;
}

#content ul.sous-categories, #content ul.sous-categories-2 {

	float:right;
	width: 100px;
	position:absolute;
	bottom:20px;
	right:46px;
}


#content ul.sous-categories li, #content ul.sous-categories-2 li{
	background: none;
	margin:20px 0 0 0;
	padding:0;
}

#content ul.sous-categories li a {
	display:block;
	width:97px;
	height:99px;
	text-decoration:none;
	position:relative;
}

#content ul.sous-categories-2 li a {
	display:block;
	width:97px;
	height:62px;
	text-decoration:none;
	position:relative;
}

#content ul.sous-categories li a span,#content ul.sous-categories-2 li a span {
	color:#fff;
	position:absolute;
	bottom: 4px;
	left:6px;
}

#content ul.sous-categories li a.li1 {	
	background:url('carre_01.jpg') top left no-repeat !important;
}

#content ul.sous-categories li a.li2 {
	background:url('carre_02.jpg') top left no-repeat !important;
}

#content ul.sous-categories li a.li3 {
	background:url('carre_03.jpg') top left no-repeat !important;
}

#content ul.sous-categories-2 li a.li1 {	
	background:url('rect_01.gif') top left no-repeat !important;
}

#content ul.sous-categories-2 li a.li2 {
	background:url('rect_02.gif') top left no-repeat !important;
}

#content ul.sous-categories-2 li a.li3 {
	background:url('rect_03.gif') top left no-repeat !important;
}

#content ul.sous-categories-2 li a.li4 {
	background:url('rect_03.gif') top left no-repeat !important;
}

/* Main navigation
- - - - - - - - - - - - - - - - - - - - - - - - - - */

#main-navigation {
	font-size: 9px;
	width:100%;
	background: url('barre_nav.jpg') repeat-x;
	height:32px;
}

#main-navigation li {
	display: inline;
	list-style: none;
	float:left;
	position:relative;
}

#main-navigation li a {
	padding: 0 16px;
	display: block;
	color: #3d3d3d;
	text-decoration:none;
	line-height:32px;
	background: url('separateur_04.jpg') top right no-repeat;
}

#main-navigation li a:hover {
	color: #fff;
}

#main-navigation li a.last {
	background: none;
}

#main-navigation li ul 
{
        position: absolute; 
	width:100%;
	left:-999em;
}

#main-navigation li:hover ul 
{
 	min-height: 0; /* IE */
	z-index:10;
	left:auto;
}

#main-navigation li:hover ul li {
	float: none;	

}

#main-navigation li:hover ul li a {
	background:#E4FE2D;
	border:solid 1px #cece34;
	margin-bottom:-1px;
}

/* Page d'accueil 
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#accueil {
	background: url('page-bg.gif');
}

.encart {
	color: #fff;;
	font-size:11px;
	float:left;	
	z-index:0;
}

.encart h2 {
	font-weight:normal;
	font-size:17px;
	margin-bottom:1em;
}


#qualite-certifiee {
	width: 100%;
	height: 189px;
	background: url('bp.jpg') top left repeat-x;
	position:relative;
}

#qualite-certifiee h2 {
	margin-top:30px;
	margin-bottom:30px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}

#qualite-certifiee p {
	text-align:justify;
	font-size:12px;
}

#nos-engagements {
	position:relative;
	width: 288px;
	height: 172px;;
	background: url('photo_engagements.jpg') 0 30px no-repeat;
	margin-left: 46px;	
}

.encart#contact {
	background:url('encart_contact.gif') top left no-repeat;
	width:185px;
	height:199px;
	margin-left:56px;
	color: #3d3d3d;
	text-align: center;
	font-size:15px;
	font-weight:bold;
	padding:0;
	margin-right:24px;
}

.encart#contact p {
	margin:1.3em 0 0.7em -8px;
	
}
.encart#contact p.adresse {
	font-size:11px;
	text-align:right;
	margin-right:2em;
}

.encart#contact a {
	color:#3d3d3d;
	text-decoration: none;s
}

#nos-engagements ul {
	position:absolute;
	bottom:0;
	left:0;
	background:#404040;
	padding: 10px;
	font-weight:bold;
	width:268px;
}

#nos-engagements ul li {
	margin:0.5em 0;
}

#nos-engagements .contact span {
	float:right;
}

#home-menu li {
	background:none;
	list-style:none;
	padding:0;
	margin:0 10px 10px 0 ;	
	float:left;
}
#home-menu li a {
	width:171px;
	height:91px;
	display: block;
	position:relative;
	text-decoration:none;
}
#home-menu li a strong {
	font-size:10px;
	color:#fff;
	position:absolute;
	top:15px;
	left:27px;
}
#home-menu a#decoration-interieure {
	background:url('encart_decoint.gif') top left no-repeat;	
}
#home-menu a:hover#decoration-interieure {
	background:url('encart_decoint_on.gif') top left no-repeat;	
}

#home-menu a#revetements-de-sol {
	background:url('encart_sol.gif') top left no-repeat;	
}
#home-menu a:hover#revetements-de-sol {
	background:url('encart_sol_on.gif') top left no-repeat;	
}

#home-menu a#ravalement-de-facade {
	background:url('encart_ravalement.gif') top left no-repeat;	
}
#home-menu a:hover#ravalement-de-facade {
	background:url('encart_ravalement_on.gif') top left no-repeat;	
}

#home-menu a#isolation {
	background:url('encart_isolation.gif') top left no-repeat;	
}
#home-menu a:hover#isolation {
	background:url('encart_isolation_on.gif') top left no-repeat;	
}

#logo-qualibat {
	margin-top: 17px;
	margin-right: 38px;
	float:right;
	margin-left: 40px;
}

img#sourire {
	float:left;
}

/* Page contact
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#form-contact {
	width: 400px;
	float:left;
}

#form-contact input.text {
	width:70%;
}

#form-contact label {
	display: block;
	margin-top: 1em;
}

#form-contact textarea {
	width: 100%;
	height: 8em;
}

#form-contact input.submit {
	margin-top: 1em;
}

/* Page floribat
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-floribat {
	background:url('titre_floribat.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

#page-floribat p.categorie-description {
	margin-right:20px;
}

/* Page decoration interieure
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-decoration-interieure {
	background:url('titre_deco.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page ravalement de facades
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-ravalement-de-facades {
	background:url('titre_ravalement.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page isolation
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-isolation {
	background:url('titre_isolation.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page revetements de sol
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-revetements-de-sol {
	background:url('titre_revetement.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page revetements de sol
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-peinture-sur-toiture {
	background:url('titre_toiture.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page moulures
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-moulures {
	background:url('titre_moulures.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

/* Page contact
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#page-contact {
	background:url('titre_contact.jpg') top left no-repeat;
	height:405px;
	padding-left: 156px;
}

#page-contact .error {
	margin-top:-20px;
	margin-bottom:-10px;
	color:red;
}

#page-contact p {
	margin-top:-1em;
}

.anim-photos {
	background: 0 1px url('page-bg.gif');
	height:394px;
}

.no-flash {
/*	color: red;*/
	font-weight:bold;
	padding: 2em;
	background:pink;
	border:solid 2px red;
}	
.no-flash a {
	color:red !important;
	font-weight:bold;
	
}

#by {
    text-align:right;
    font-size:0.8em;
    position:absolute;
    bottom:1px;
    right:45px;
}
#by a {
    color:#666;
    text-decoration:none;
    font-style:italic;
}
#by a:hover {
    color:#fff;
}