*{margin:0; padding:0; border:0; outline:0;}
body{background:#fff; font-family:Arial, Helvetica, sans-serif;}
a:link, a:visited{text-decoration:none; color:#fff;}
a:hover{text-decoration:underline;}

#wrapper{width:970px; margin:auto;}
#container{background:url(images/bg_bandeau.jpg) repeat-x; width:100%;}
#header{background:url(images/bg_header.png) no-repeat center top; height:198px; width:970px; position:relative;}
#logo{ width:169px; height:150px; position:absolute; z-index:2; left:20px;}
#logo h1{text-indent:-10000px;}
#logo h1 a{display:block; background:url(images/logo.png); width:169px; height:150px;}

#menutop{position:absolute; top:10px; right:20px;}
#topcall{position:absolute; z-index:2; right:20px; top:30px;}
a.navPlan, a.navHome, a.navFavoris, a.navContact{background:url(images/navtop_03.gif); display:block; float:right; height:17px; width:17px; }
a:hover.navPlan{background:url(images/navtophover_03.gif); }
a.navHome{background:url(images/navtop_01.gif);}
a.navFavoris{background:url(images/navtop_04.gif);}
a:hover.navFavoris{background:url(images/navtophover_04.gif); }
a:hover.navHome{background:url(images/navtophover_01.gif); }
a.navContact{background:url(images/navtop_02.gif);}
a:hover.navContact{background:url(images/navtophover_02.gif); }

#menu{background:url(images/menu_bg.png) repeat-x; height:30px; position:absolute; bottom:11px; width:945px; left:10px;}
#menu ul li{list-style:none; float:left; font-size:12px; color:#fff; border-right:1px dashed #006F90; text-transform:uppercase;}
#menu ul li a{color:#fff; line-height:30px; padding:0 50px 0 50px; float:left;}
#menu ul li a:hover, .active{background:#2790B0; text-decoration:none;}
#menu ul li a span{color:#006F90;}
@media screen and (-webkit-min-device-pixel-ratio:0){
#menu ul li a{padding:0 41px 0 41px;}
}

#content{width:970px; padding:8px 0 0 0;}

#leftpart{float:left; width:678px;}

#vwrap{padding:0 0 0 6px; width:663px; margin:0 0 7px 0;}
#visuel{background:url(images/h1_visuel.jpg); width:638px; height:236px; padding:25px 0 0 25px;}
#visuel h1{color:#fff; font-size:34px; font-weight:normal; letter-spacing:-1px; margin:0 0 14px 0;}
#visuel p{color:#fff; font-size:11px; width:290px; margin:0 0 16px 0;}
.more{background:url(images/h1_savoirplus.gif); width:112px; height:21px; display:block; font-size:11px; text-transform:uppercase; line-height:21px; color:#fff; padding:0 0 0 5px;}
.more:hover{background:url(images/h1_savoirplusHover.gif); text-decoration:none;}

.box{width:186px; height:175px; float:left; background:url(images/box.jpg); padding:15px 20px 0 20px; position:relative;}
.box h2{color:#006F90; font-size:18px; font-weight:normal; text-transform:uppercase; margin:0 0 15px 0;}
.box p{color:#363636; font-size:12px;}
a.view{background:url(images/h2_savoirplus.gif); width:95px; height:16px; font-size:10px; color:#fff; line-height:14px; display:block; color:#fff; padding:0 0 0 5px; position:absolute; z-index:2; bottom:40px; right:20px;}
a.view:hover{background:url(images/h2_savoirplusHover.gif); text-decoration:none;}
.pic{float:right;}

#rightpart{background:url(images/right_st.jpg) repeat-y; width:278px; float:left;}
#r_tp{background:url(images/right_tp.jpg) no-repeat top; width:278px;}
#r_bt{background:url(images/right_bt.jpg) no-repeat bottom; width:254px; padding:0 12px 1px 12px;}
#newpro{background:url(images/bg_navigation_st.jpg) repeat-y; width:254px; margin:0 0 20px 0;}
#newpro_bt{background:url(images/bg_navigation_bt.jpg); width:254px; height:2px;}
#newpro_tp{background:url(images/bg_navigation.jpg) no-repeat top; width:240px; padding:0 0 0 14px;}
#newpro h2{color:#FFFFFF; display:block; font-size:18px; font-weight:normal; padding:20px 16px; text-transform:uppercase; }
#newpro ul{ list-style:none; margin:0; padding:0 0 0 30px; text-transform:uppercase; }
#newpro ul li{padding:0; }
#newpro ul li a{color:#006f90; display:block; font-size:11px; font-weight:normal; padding:1px 0; text-decoration:none; width:100%; }
#newpro ul li a:hover{text-decoration:underline; }

.callnow{background:url(images/bg_telephone.png); width:235px; height:56px; font-size:19px; color:#363E05; text-align:right; padding:35px 10px 0 0px; margin:0 0 10px 0;}
#cat{margin:0 0 20px 0; display:block; width:252px;}

#footer{background:url(images/bg_footer.jpg) repeat-x; height:210px; width:100%;}
#fwrap{width:970px; margin:auto; padding:25px 0 0 0;}
.flist{float:left; width:225px; margin:0 15px 0 0;}
#fwrap h3{color:#fff; font-size:11px; text-transform:uppercase; border-bottom:1px solid #fff; margin:0 0 10px 0; font-weight:normal;}
#fwrap ul{list-style-image:url(images/puce.gif); margin:0; padding:0 0 0 13px; }
#fwrap ul li{padding:0; }
#fwrap ul li a, #fwrap span{color:#006f90; display:block; font-size:11px; font-weight:normal; padding:1px 0; width:100%; }
#fwrap ul li a:hover{color:#FFFFFF; }
#fwrap span a{color:#006f90;}
#fwrap span.picto_tel{
	background:url(images/picto_tel.gif) center left no-repeat;
	display:block;
	width: 175px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#fwrap span.picto_fax{
	background:url(images/picto_fax.gif) center left no-repeat;
	display:block;
	width: 175px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#fwrap span.picto_mail{
	background:url(images/picto_mail.gif)center left no-repeat;
	display:block;
	width: 175px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#fwrap span.picto_mail a{color:#666; text-decoration:underline; font-weight:bold;}


.img-b {
	padding: 4px;
	margin-bottom: 4px;
	border: 1px solid #999999;
}
#inner-leftpart p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #6b1a0d;
	text-decoration: none;
}
.img-area {
	float: left;
	height: auto;
	width: auto;
	padding-bottom: 5px;
	padding-right: 18px;
}
#inner-leftpart a {
	color: #000000;
}
#inner-leftpart {
	float:left;
	width:658px;
	padding-right: 20px;
}
.img-area-b {
	float: right;
	height: auto;
	width: auto;
	padding-bottom: 5px;
	padding-left: 18px;
}
.clear {
	clear: both;
}
#inner-leftpart h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #6b1a0d;
}
#inner-leftpart ul {
	list-style-type: none;
}
#inner-leftpart li {
	background-image: url(images/blue-bul.jpg);
	background-repeat: no-repeat;
	background-position: left 6px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.contact-left {
	float: left;
	width:320px !important;
	width:540px;
	text-align:center;
	padding-top: 5px;
	padding-right: 0px;
}
.comment-field{ margin: 4px 0; width:190px;}
.contact-lft-input {
	width: 100px;
	float: left;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding: 0px;
	height: auto;
	
}
.contact-rgt-input {
	width: 180px;
	float: left;
	margin: 0px;
	text-align: left;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 18px;
	padding: 0px;
}
.sbt-btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	width: 70px;
	background-repeat: repeat-x;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	height: 20px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 100px;
	float: left;
	font-weight: bold;
	background-color: #333333;
}
form {
	margin: 0px;
	padding: 0px;
}
.text-area {
	height: auto;
	width: 180px;
	float: left;
	text-align: left;
	border: 1px none #CCCCCC;
}
.input-txt-box {
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 16px;
	width: 180px;
	margin: 0px;
	padding: 0px;
}

.input-txtarea {
	background-color: #eeeeee;
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 70px;
	width: 180px;
	margin: 0px;
	padding: 0px;
}
