﻿*{
    margin:0;
    padding:0;
    text-decoration:none;
}

img{border:none}

html {
    background:#171717;
}

body {
    background:url(../images/bg_html.png) repeat-x top #171717;
    font-family:Arial, sans-serif;
    font-size:12px;
    min-height:850px;
    color:#515151;
}

/** BARRE TOP **/
div#link {
    position:absolute;
    background:url(../images/header_bg.png) repeat-x;
    height:46px;
    left:0;
    right:0;
    top:0;
}

div#link > p {
    width:1032px;
    margin:auto;
    text-align:right;
}

div#link > p a {
    float:right;
    color:#fff;
    padding:6px 11px 6px 14px;
    margin:3px 20px 0 0;
    background:url(../images/acces-plan.png) no-repeat;
}

div#link > p a:hover {
    text-decoration:underline
}

/** CONTENEUR PRINCIPAL **/
div#container{
    background:url(../images/bg_footer.jpg) bottom center no-repeat;
    margin:19px auto 0;
    max-width:1280px;
    min-height:816px;
}

div#container > div {
    background:url(../images/bg_container.jpg) top center no-repeat;
    width:100%;
    min-height:358px;
    padding-bottom:150px;
}

/** HEADER **/
div#header {
    margin:auto;
    width:1032px;
    height:125px;
}

div#header > a {
    float: left;
    margin: 15px 0 0 35%;
    width:335px;
    height:89px;
    background:url(../images/batirenover.png);
}

div#header > a span{
    visibility: hidden;
}

p#contact-tel {
    position:absolute;
    top:34px;
    margin-left:750px;
    color:#fff;
    background:url(../images/bg_contact.png);
    width:233px;
    height:125px;
}

p#contact-tel span {
    font-family: Tahoma, Arial, sans-serif;
    font-size:11px;
    font-weight: bold;
    text-shadow: #666 1px 1px 1px;
    float:left;
    margin:53px 0 0 82px
}

/** PAGE CENTRALE **/
div#page {
    border:1px solid #282828;
    background:url(../images/center_bg.png) repeat;
    width:980px;
    height:auto;
    margin:0 auto;
    padding:24px 26px;
}

div#page > div#contents{
    background:#FBFBFB;
}

/** COLONNE DE GAUCHE **/
div#menu-left {
    background:#191919;
    width:190px;
    height:auto;
}

div#menu-left div.categories{
    background:#F5F3EE;
    width:190px;    
    padding-bottom:7px;
    margin-bottom:5px;
}

div#menu-left div.categories ul{
    list-style:none;
    margin-left:7px;
    width:165px;
}

div#menu-left div.categories ul li {
    border-bottom:1px solid #D9DBDD;
}

div#menu-left div.categories ul li a{
    display:block;
    color:#515151;
    padding:4px 0 5px 7px;
}

div#menu-left div.categories ul li a:hover{
    background:#FBFBFB;    
}

div#menu-left div.contact{
    margin-bottom:30px;
}

div#menu-left div.contact p{
    color:#E5DFD7;
    margin-left:16px;
}

div#menu-left div.contact p a{
    color:#59B200;
    text-decoration:underline;
}

div#menu-left div.contact p a:hover{
    text-decoration:none
}

/** CONTENU DE LA PAGE **/
div#page-content {
    float:right;
    width:762px;
    padding:11px 14px 18px;
}

div#page-content a {
	color:#59B200;
    text-decoration:underline;
}

div#page-content a:hover {
	color:#555;
	text-decoration:underline;
}

div#page-content ul.arbo{
    background:#F5F3ED;
    height:28px;
    width:auto;
    list-style:none;
    margin:0;
}

div#page-content ul.arbo li {
    float:left;
    list-style:none;
}

div#page-content ul.arbo li a {
    display:block;
    min-width:46px;
    text-align:center;
    padding:6px 10px 7px;
    color:#555;
}

div#page-content ul.arbo li a:hover {
    background:url(../images/arbo_bg.png) #2B5600 no-repeat center right;
    color:#fff;
    text-decoration:underline;
}

div#page-content .title{
    color:#555;
    background:url(../images/title_bg.png) repeat-x;
    font-size:16px;
    font-family:Tahoma, Arial, sans-serif;
    padding:6px 5px 4px;
    margin:9px 0 3px;
}

div#page-content .title span{
    float:left;
    font-family:"Myriad Pro", arial, sans-serif;
    font-size:18px;
    margin:-3px 5px 0;
}

div#page-content > div.article{
    border:1px solid #EEE8E0;
    background:#fff;
    padding:8px 9px;
    clear:both;
}

div#page-content > div.article img.float-left, div#page-content > div.article img.float-right{
    border:1px solid #E7E1D7;
    padding:6px;
}

div#page-content > div.article img.float-left {
    margin-right:6px;
}

div#page-content > div.article img.float-right {
    margin-left:6px;
}

div#page-content p{
    margin:7px 0;
}

div#page-content ul{
    margin:5px 0 5px 20px;
}

div#page-content ul li{
    border:none;
    height:auto;
    line-height:normal;
    width:auto;
    list-style:disc;
    display:list-item;
}


 /* SITEMAP */
div#page-content div#sitemap {
	margin:5px 0 0 15px;	
}

div#page-content div#sitemap h2{
	font-weight:normal;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:15px;
}

div#page-content div#sitemap h2 a {
	color:#555;	
}

div#page-content div#sitemap ul {
	list-style:circle;
	color:#CCC;
	margin:0 0 7px 25px;
}

div#page-content div#sitemap h3 {
	font-weight:normal;
	font-family:"Myriad Pro", Arial, sans-serif;
	font-size:13px;
}

 /* PAGE CONTACT */
div#page-content form[name=contact] {
	margin:7px 0 0 15px;
}

div#page-content form[name=contact] input[type=text], div#page-content form[name=contact] textarea {
	width:200px;
}

div#page-content form[name=contact] p.submit {
	width:330px;
	text-align:center;
	margin-top:5px;
}

 /* PAGE DEVIS */
div#page-content form[name=free_estimate] {
	margin:7px 0 0 15px;
}

div#page-content form[name=free_estimate] input[type=text] {
	width:200px;
}

div#page-content form[name=free_estimate] input[type=text][name=zip] {
	width:auto;
}

div#page-content form[name=free_estimate] p.submit {
	width:330px;
	text-align:center;
	margin-top:5px;
}

.flash_intro, .bandeau{
    margin-top:3px;
    background:#E7E1D7;
    width:100%;
    padding:11px 0;
    text-align:center;
}

.flash_intro div, .bandeau div {
    width:734px;
    height:235px;
    border:1px solid #C9BCA7;
    margin:auto;
}

/** LIENS RAPPEL BAS **/
ul#recall-links-menu {
    list-style:none;
    margin-top:10px;
    float:right;
}

ul#recall-links-menu li {
    background:url(../images/recall-links-menu-sep.gif) no-repeat center left;
    float:left;
    padding: 0 10px;
}

ul#recall-links-menu li a {
    color:#666;
    font-family:Tahoma, Arial, sans-serif;
}

ul#recall-links-menu li a:hover{
    color:#fff;
    text-decoration:underline;
}
