/* Template d'Otemar*/

/* Informations HTML */
*{margin:0; padding:0; outline:none;}
body {font-family:Arial, Helvetica, sans-serif; background:transparent URL(../images/bg_top_big.png) repeat-x top left;}

/* Informations généralistes */
.clear{clear:both;}
.hide{display:none;}
/*.green{color:#b4c41a;}*/
.green{color:#b4c41a; font-weight:bold;}
.white{color:#FFF;}
.red{color:red;}
.center{text-align:center;}
a, a:visited{color:#B4C41A;}
a:hover{text-decoration:none; color:#FFF; background-color:#B4C41A;}
.btn, .btn:visited{
	display:block;
	width:152px; height:37px; line-height:37px;
	color:#FFF;
	font-size:12px; text-transform:uppercase; text-decoration:none; text-align:center;
	background:#FFF URL(../images/btn.png) no-repeat top left;
	margin:10px 0;
}
.btn:hover{
	color:#B4C41A;
	background-color:#FFF;
}
.btn_green, .btn_green:visited{
	display:block;
	width:152px; height:37px; line-height:37px;
	color:#000;
	font-size:12px; text-transform:uppercase; text-decoration:none; text-align:center;
	background:#FFF URL(../images/btn_green.png) no-repeat top left;
	margin:10px 0;
}
.btn_green:hover{
	color:#FFF;
	background-color:#FFF;
}


/* Header */
#header{width:100%; min-width:1140px; height:189px; background:transparent URL(../images/bg_header.png) no-repeat top left; margin-bottom:20px;}
#header img{border:none;}
#header #logo{float:left; padding-left:110px; padding-top:42px; margin-right:39px;}
#header #bloc_contact{position:absolute; left:840px; top:60px;}
#header #bloc_contact a, #header #bloc_contact a:visited, #header #bloc_contact a:hover{background-color:#302D2D;}
#header #menu{float:left; list-style-type:none; font-size:12px; text-transform:uppercase;}
#header #menu li{float:left;}
#header #menu li a, #header #menu li a:visited{display:block; height:32px; padding:0 11px; line-height:32px; text-decoration:none; color:#FFF; font-weight:bold;}
#header #menu li a:hover{color:#2f3307;}
#header #menu #first a{background:transparent URL(../images/btn_menu_start.png) no-repeat top left;}
#header #menu #first a:hover{background-position:0 -32px;}
#header #menu .menu a{background:transparent URL(../images/btn_menu_middle.png) no-repeat top right;}
#header #menu .menu a:hover{background-position:right -32px;}
#header #menu #last a{background:transparent URL(../images/btn_menu_end.png) repeat-x top left;}
#header #menu #last a:hover{background-position:0 -32px;}			

/* Content */
#content{width:885px; margin:0 auto; background:transparent URL(../images/bg_content.png) repeat-y top left; padding:0 10px;}
#content h2{font-size:18px; color:#b4c41a; text-align:center; text-transform:uppercase; font-weight:normal; margin-bottom:10px; padding-bottom:12px; background:transparent URL(../images/bottom_title.png) no-repeat bottom center;}
#content ul{list-style-type:none; margin-bottom:5px;}
#content ul li{background:transparent URL(../images/puce.png) no-repeat center left; padding-left:10px; color:#B4C41A; font-size:12px;}

/* Global Content */
#content p{text-align:justify; margin-bottom:10px; font-size:12px;}
#content img{margin-bottom:5px;}

#part_left{float:left; width:200px; font-size:12px; margin:0 10px; text-align:center;}
#part_right{float:left; width:600px; margin-left:20px;}
/*
.accueil #part_left, .terrassement #part_left, .amenagements #part_left, .clotures #part_left, .location #part_left{float:left; width:200px; font-size:12px; margin:0 10px; text-align:center;}
.accueil #part_right, .terrassement #part_right, .amenagements #part_right, .clotures #part_right, .location #part_right{float:left; width:600px; margin-left:20px;}
*/

/* Contact Devis */
.contact{}

.contact #part_left{float:left; width:265px; margin:0 20px;}
.contact #part_middle{float:left; width:265px; height:400px; background:transparent URL(../images_content/contact_devis.jpg) no-repeat center center;}
.contact #part_right{float:left; width:265px; margin:0 20px;}

.contact fieldset{border:none;}
.contact p{text-align:justify; margin-bottom:10px; font-size:12px; color:#a8a8a8;}
.contact dl{font-size:12px;}
.contact dl dd{float:left; width:90px; font-size:12px; color:#a8a8a8; margin-bottom:10px;}
.contact dl dt{float:left; width:165px; margin-bottom:10px;}
.contact #nom_contact{text-transform:uppercase;}
.contact #nom_devis{text-transform:uppercase;}
.contact .input_form{border:1px solid #B4C41A; width:160px;}
.contact .input_textarea{border:1px solid #B4C41A; width:160px;}
.contact .empty_input{border:1px solid red; width:160px;}
.contact .empty_textarea{border:1px solid red; width:160px;}
.contact .btn_form{border:1px solid #aaba12; background-color:#B4C41A; cursor:pointer;}

/* Intervention */
.intervention ul{float:left; width:45%;}

#contact_error{font-size:12px; color:red; margin:10px 0;}
#contact_status{text-align:center; color:#B4C41A; font-size:12px; font-weight:bold; padding:10px 0;}

/* Gestion de la galerie */
#vlightbox{}
#vlightbox a, #vlightbox a:visited{float:left; display:block; width:150px; height:112px; margin:5px;}
#vlightbox a:hover{background-color:#FFF;}

/* Footer */
#footer{width:100%; margin-top:10px;}
#footer a, #footer a:visited{text-decoration:none; color:#666;}
#footer a:hover{color:#B4C41A; background-color:#FFF;}
#footer #bloc_footer{width:905px; height:100px; margin:0 auto; font-size:12px; text-align:center;}
#footer ul{list-style-type:none; width:885px; padding:0 10px 10px 10px; background:transparent URL(../images/footer.png) no-repeat top left;}
#footer ul li{display:inline;}
#footer #copyright{width:905px; height:40px; line-height:32px;  text-align:center; line-height:33px; background:transparent URL(../images/footer.png) no-repeat bottom left;}