/* 
    Document   : styles
    Created on : 23 fevr. 2009, 13:27:10
    Author     : Ludovic
    Description:
        Purpose of the stylesheet follows.
*/

@import 'menu.css';

*{
    margin: 0;
    padding: 0;
}

body{
    background: #3f3f3f url('../images/design/header.jpg')  no-repeat;
    background-position: top center;
    font:12px 'Arial',sans-serif;
    margin: 0;
    padding: 0;
}

div#wrap{
    position: relative;
    width: 994px;
    background: #3f3f3f url('../images/design/background.jpg') top center repeat-y;
    margin: auto;
    margin-top: 200px;
}

div#wrap div#header{
    background: #3f3f3f url('../images/design/header.jpg') center no-repeat;
    height: 260px;
    width: 994px;
    position: absolute;
    margin-top: -200px;
    z-index: -1;
}

div#wrap div#header h1, div#wrap div#header h2, div#wrap div#header p{
    display: none;
}

div#wrap div#page{
    padding: 30px;
}

/* footer */

div#wrap div#footer{
    background: #3f3f3f url('../images/design/footer.jpg') top center no-repeat;
    color: #799554;
    text-align: right;
    padding: 10px 30px 0 0;
    clear: both;
}

div#wrap div#footer a{
    color: #799554;
}

div#wrap div#page{
    margin-left: 223px;
}

/* adresse style */

div#wrap div#leftCol div#adresse{
    background: url('../images/design/adress_background.jpg') no-repeat;
    width: 223px;
    height: 157px;
}

div#wrap div#leftCol div#adresse h2{
    text-indent: -10000px;
}

div#wrap div#leftCol div#adresse p{
    display: none;
}






div#wrap div#leftCol div#adresse2{
    background: url('../images/design/adress_background2.jpg') no-repeat;
    width: 223px;
    height: 227px;
}

div#wrap div#leftCol div#adresse2 h2{
	
	font-size: 15px;
	padding-left: 10px;
		padding-top: 10px;

	color: #ffffff;
}

div#wrap div#leftCol div#adresse2 p, div#wrap div#leftCol div#adresse2 li {
		color: #ffffff;

}


div#wrap div#leftCol div#adresse2 ul {
		padding-left: 25px;
				padding-top: 10px;


}


/* page style */

div#wrap div#page{
    width: 710px;
}

div#wrap div#page h1{
    background: url('../images/design/header_page.jpg') no-repeat;
    height: 34px;
    padding: 15px 0 0 45px;
    color: #d52122;
    font-size: 18px;
}

div#wrap div#page div#pageContent{
    background: url('../images/design/background_page.jpg') repeat-y;
    padding: 15px;
    text-align: justify;
}

div#wrap div#page div#footerPage{
    background: url('../images/design/footer_page.jpg') no-repeat;
    height: 7px;
}

/* form css */

form#contact label{
	clear: right;
	float: left;
	margin-bottom: 3px;
	width: 100px;
}

form#contact inpput{
    border: 1px #d52122 solid;
}

/* galery design */

div#wrap div#page div#galleryDesign{
    background: url('../images/design/background_galery.jpg') no-repeat;
    color: #fff;
    height: 420px;
    padding: 60px 5px 10px 5px;
}

div#wrap div#page div#galleryDesign div#galleryContent{
    width: 666px;
    height: 335px;
    padding-top: 20px;
}

/* home page */

div#wrap div#page div#presentation div#particulier{
    background: url('../images/design/home_particulier.jpg');
    width: 335px;
    height: 321px;
    float: left;
    position: relative;
}

div#wrap div#page div#presentation div#industrie{
    background: url('../images/design/home_industrie.jpg');
    width: 335px;
    height: 321px;
    float: right;
    position: relative;
}

div#wrap div#page div#presentation{
    clear: right;
}

div#wrap div#page div#presentation div#particulier a,
div#wrap div#page div#presentation div#industrie a{
    position: absolute;
    top: 287px;
    left: 118px;
    color: #566147;
    text-decoration: none;
    font-weight: bold;
    font-size: 15px;
}

div#wrap div#page div#presentation div#particulier a:hover,
div#wrap div#page div#presentation div#industrie a:hover{
    text-decoration: underline;
}

/* gallery link */

a.linkGallery{
    display: block;
    width: 212px;
    height: 71px;
    text-indent: -10000px;
    background: url('../images/design/visitez_galerie.jpg') 0 0 no-repeat;
    margin-top: 10px;
}

a.linkGallery:hover{
    background: url('../images/design/visitez_galerie.jpg') 0 -71px no-repeat;
}

/* general style */

a{
    outline: none;
    color: #d12420;
}

p{
    margin-bottom: 15px;
}

div.cleaner{
    clear: both;
}

div#page ul li{
    margin-left: 10px;
}

div#page ul li ul li{
    margin-left: 20px;
    list-style: none;
}

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

div.cleaner{
    clear: right;
}

span.bold{
    font-size: 130%;
    text-decoration: underline;
}


h1.copyright a{
    font-size: 09px;
    text-decoration: none;
}