/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#323232;
	text-align:center;
}
h1{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:18px;
	/*font-weight:bold;*/
	margin:20px 0 10px 0;
	color:#92EB19;
}
.image {float: left; margin: 0 6px 6px 0;}

#BodyTail{
	background:#fff url(images/footer-bg.gif) bottom repeat-x;
}
#BodyTailTop{
	background:url(images/tail-top.gif) top repeat-x;
}
#flash{
	height:362px;
	margin:0 -54px 0 -44px;
}
html{
	line-height:1.25em;
	color:#000000;
}
img {vertical-align:top;}
a img { border:0;}
.imgindent {margin:0 25px 0 0; float:left;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


.green{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#84b935;
	text-decoration:underline;
}
.green:hover{
	text-decoration:none;
}
.blue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#1ec3de;
	text-decoration:underline;
}
.blue:hover{
	text-decoration:none;
}

/* ============================= header ====================== */
#header{
	background:url(images/bg-top.jpg) no-repeat 0 8px #FFFFFF;
	border-bottom:solid 8px #2e2e2e;
	padding-bottom:0px;
}

/******************************top-banners*******************************/
.top-banner, .top-banner-page4{
	width:100%;
	height:209px;

}
.top-banner{
	background:url(images/page1-banner.jpg) no-repeat;
	margin-bottom:15px;
	height:205px;
}
.top-banner-page4{
	background:#e9e8e6;
	margin-bottom:15px;
	height:205px;
}
.banner-text, .banner-text-page4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#7f7f7f;
}
.banner-text{
	padding-top:30px;
	padding-left:378px;
	line-height:1.5em;
}
.banner-text-page4{
	padding:34px 30px 0 37px;
	line-height:1.5em;
}
.banner-text strong, .banner-text-page4 strong{
	color:#545050;
}
/* ============================= content ====================== */
.container{
	width:100%;
	overflow:hidden;
}
#content{
	width:898px;
	padding:23px 0 15px 10px;
	background:#FFFFFF;
}
.title{
	padding-bottom:14px;
}
.cont{
	padding-left:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.2em;
	color:#474747;
	
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#84b935;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1ec3de;
}
h5{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#474747;
}
h6{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#92EB19;
}
.cont p{
	margin-top:18px;
}
.cont a.black{
	font-weight:bold;
	text-decoration:underline;
	color:#474747;
}
.cont a.black:hover{
	text-decoration:none;
}

.col-2, .col-3{
	padding-left:27px;
}
.col-1, .col-2{
	padding-right:12px;
}

/************************/
#page1 .list1{
	padding-left:33px;
}
.list1 li{
	background:url(images/page1-list-bg.jpg) no-repeat;
	padding-left:15px;
	list-style:none;
	line-height:1.857em;
	font-size:1.167em;
}
.list1 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#474747;
	text-decoration:none;
}
.list1 a:hover{
	text-decoration:underline;
}
/**************************/
.list2{
	padding-top:20px;
}
.list2 li{
	background:url(images/page1-list2-bg.jpg) no-repeat;
	padding-left:15px;
	list-style:none;
	font-size:1em;
	line-height:1.833em;
}
.list2 a{
	font-family:Arial, Helvetica, sans-serif;
	color:#1ec3de;
	text-decoration:underline;
}
.list2 a:hover{
	text-decoration:none;
}

/*****************************/
.list3{
	padding-top:21px;
}
.list3 li{
	list-style:none;
	line-height:1.667em;
	font-size:1em;
}
.list3 a{
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#84b935;
	text-decoration:underline;
}
.list3 a:hover{
	text-decoration:none;
}


/************************************page3***********************/
.padding1{
	margin-top:20px;
}
.padding2{
	margin-top:10px;
}
.padding3{
	margin-top:4px;
}
.padding10{
	padding-top:10px;
}
.padding30{
	margin-top:30px;
}
.man{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#84b935;
}
#md-object { background-color: #E2E7F3;}
#md-section, #md-texte { padding: 5px; }

/**********************************page4 Devis*************************/
.banner-link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#545050;
	text-decoration:underline;
}
.banner-link:hover{
	text-decoration:none;
}
.price li{
	list-style:none;
	margin-bottom:6px;
	background:url(images/price-bg.gif) bottom repeat-x;
	font-size:1em;
}
.price span{ background:#FFFFFF;}
.price a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#1ec3de;
	background:#FFFFFF;
	text-decoration:none
}
.price a:hover{
	color:#84b935;
}
.price-c1, .price-c2{
	width:250px;
	float:left;
}
.price-c2{
	padding-left:50px;
}

.phone4{
	float:right;
	margin-right:110px;
}
.page4-form{
	height:30px;

	
}
#maForm
{
	width: 60%;
}

#maForm p
{
	margin: 2px 0;
}
#maform fieldset{
	margin-bottom:40px;
	border: #CCC 1px solid;
}
#maform fieldset:hover{
	background-color:#FFF;
}
#maform fieldset legend{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #999;
}
#maform label {
	background-color:#FFCC66;
	display:block;
	width:39%;
	float: left;
	padding-right:1%;
	text-align:right;
	letter-spacing:1px;
}
#maform label:hover{
	font-weight:bold;
}
#maform .form_label_nostyle{
	background:none;
}
#maform input{
	margin-left:1%;
	width:58%;
	border:#CCC 1px solid;
}
#maform select{
		margin-left:1%;
	width:58%;
	border:#CCC 1px solid;
}
#maform input:hover, #maform select:hover, #maform input:focus, #maform select:focus{
	border:#999 1px solid;
	background-color:#DDEEFF;
}
#maform .form_input_day_month
{
	width: 3%;
}

#maform .form_input_year
{
	width: 6%;
}
#maform .form_inut_radio{
	width:6%
}
#maform .form_input_cube{
	width:6%
}
a{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#84b935;
	text-decoration:underline;
}

/* button submit */
#aForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 10%;
}

#maForm input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#maForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 10%;
}

#maForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}


/**********************page5*************************************/
.phone{
	float:right;
	margin-right:110px;
}
.page5-form{
	height:30px;
	
}
#page5 input, textarea{
	background-color:#ffffff;
	border:solid 1px #000000;
	width:220px;
	padding-left:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#474747;
}
#page5 input{
	height:22px;
	background:#CFE7FF;
	
}
#page5 textarea{
	height:140px;
	overflow:auto;
	background:#CFE7FF;
}
#ContactForm .link{
	margin-left:8px;
	float:right
}


/* ============================= footer ====================== */
#footer{
	background:url(images/footer-bg.gif) repeat-x;
}
#FooterText{
	padding-top:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	padding-left:15px;
	color:#adadad;
	width:590px;
	float:left;
}
#footer a{
	color:#adadad;
	text-decoration:underline;
}
#footer a:hover{
	color:#adadad;
	text-decoration:none
}


#tel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#FFFFFF;
	padding-top:45px;
	padding-right:30px;
	background:url(images/telephone.jpg) no-repeat;
	text-align:right;
	width:260px;
	float:right;
	height:47px;
}
#tel b{
	color:#adadad;
}

.link{
	display:block;
	background:url(images/link-left-bg.gif) left no-repeat #2d2d2d;
	float:left;
	line-height:1em;
	font-size:0.917em;
	color:#FFFFFF;
	text-decoration:none;
	margin-top:20px;
}
.link:hover{
	text-decoration:underline;
}
.link span{
	display:block;
	background:url(images/link-right-bg.gif) right no-repeat;
	padding:4px 15px 4px 20px;
}