/* Browser Reseter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{
  margin: 0;
  padding:0;
  list-style:none;
  text-decoration: none;
  border: none;
  outline: none;
}

/* General body layout */

body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:normal;
  background:#efeeec;
}

#outer-wrap{
  width:100%;
  float:left;
  background:#fff url(images/body_bg.png) repeat-x top;
}

#body-wrap{
	width:970px;
	float:none;
	margin:0 auto;
}

/* Layout styles */

#header{
  width:970px;
  height:146px;
  float: left;
  position: relative;
}

h1{
  float:left;
 
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
position:absolute;
top: 230px;
left: 25px;
text-align: center;
text-indent:0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
margin-top:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

p.slogan{
  display:block;
  float: right;
  width:auto;
  font-size:24px;
  color:#000;
  margin:20px 30px 0 0;
}

p.call{
  display:block;
  float: right;
  width:auto;
  font-size:20px;
  color:#000;
  margin:5px 30px 0 0;
}
p.call span{
	font-size:20px;
	font-weight:bold;
	color:#000;
}

/* stylin site navigation links */

ul.nav{
	float:left;
	height:45px;
	min-width:796px;
	max-width:auto;
	background:url(images/menu_bg2.png) repeat-x;
	border-left:#70aa00 solid 1px;
	border-right:#70aa00 solid 1px;
	margin:20px 0 0 0;
	padding:0 0 0 128px;
}
ul.nav li{
	float:left;
	height:52px;
	display:block;
}

ul.nav li:hover, ul.nav li.active{
	padding-bottom:0px;
	background:url(images/nav-anchor.png) no-repeat bottom;
}

ul.nav li a{
	float:left;
	font-size:20px;
	color:#000;
	font-weight:normal;
	padding:10px 34px;
}

ul.nav li.sep{
	display:block;
	float:left;
	width:2px;
	height:22px;
	margin:10px 0 0 0;
	padding:0px;
	background:url(images/nav-div.png) no-repeat;
}

/* stylin banner content */

#middle-wrap{
	width:970px;
	float:none;
	margin:0 auto;
}
div.banner{
	width:550px;
	float:left;
	margin-right:11px;
}
div.banner img{
	float:left;
	margin:22px 0px 0 0px;
}
div.banner ul li div.contents{
	width:625px;
	height:64px;
	float:left;
}

/* stylin right column content inside middle wrap */
#middle-wrap ul.lists{
	width:395px;
	float:left;
	margin:23px 0 0 5px;
	
}

#middle-wrap ul.lists li{
	display:block;
	width:395px;	
	min-height:90px;
	float:left;	
	border:1px solid #bfbebc;
	margin-bottom:10px;
}
ul.lists li a{
	width: 395px;
	min-height:90px;
	float:left;
	/margin:6px;
	/padding-bottom:6px;
	/background:url(images/box-gradient.png) repeat-x;
	background-color: white;
}

ul.lists li a:hover{
	
	background-color: #f0efec;
}
ul.lists li img{
	float:right;
	margin:18px 15px 0 0;
}
ul.lists li h4{
	width:255px;
	float:left;
	font-size:16px;
	color:#000;
	margin:14px 0 0 20px;
}
ul.lists li p{
	width:300px;
	float:left;
	font-size:12px;
	color:#313131;
	line-height:18px;
	margin:4px 0 0 20px;
}


/* stylin bottom content */
#content-wrap{
	width:918px;
	float:left;
	margin:28px 0 0px 0;
	padding-left:24px;
	padding-right: 24px;
	padding-top:18px;
	border:1px solid #cacbc9;
	background:#fff;
	line-height:21px;
	padding-bottom:30px;

}

#content-wrap h1, h2, h3, h4, p {
  margin: 10px 0px;
  padding:0;
  
}


#content-wrap a {
  text-decoration: underline;
  
}


#content-wrap ul, li{
   padding:0px;
   list-style-type: disc;
   list-style-position: inside;
}


#gallery ul, li{
   list-style-type: none;
}
#comparaison{
	width:918px;
	float:left;
	margin:28px 0 28px 0;
	line-height:21px;
	text-align: center;

}

.element p, h3{
	
	text-align: left;
	padding-left: 5px;
	margin : 5px;

}


.img-comparaison{
	float:left;
	margin-right:25px;
}

.abri li{	
	margin:0 5px 0 20px;
	list-style-type: disc;
	list-style-position: outside;
}


.abri p, ul{	
	margin: 5px 5px 5px 10px;
	
}

table.toile td{
		font-size:18px;
		padding: 10px;
}



.leftPan{
	width:603px;
	float:left;
	padding-left:24px;
	background:url(images/leftpan_bg.png) no-repeat right center;
	margin-right:32px;
}
.leftPan h2{
	width:557px;
	float:left;
	font-size:21px;
	font-weight:bold;
	color:#000;
	padding-bottom:8px;
	margin-bottom:20px;
	border-bottom:1px solid #cacbc9;
}
.leftPan p{
	width:556px;
	float:left;
	font-size:12px;
	color:#626262;
	line-height:21px;
	padding-bottom:30px;
}
.leftPan p a{
	font-size:12px;
	color:#ea8a00;
	text-decoration:underline;
}
.leftPan p a:hover{
	text-decoration:none;
}

/* stylin rightside column content */
.rightPan{
	width:285px;
	float:left;
}
.rightPan h2{
	width:273px;
	float:left;
	font-size:21px;
	font-weight:bold;
	color:#000;
	padding-bottom:8px;
	border-bottom:1px solid #cacbc9;
}

.rightPan ul.listContent,.rightPan ul.listContent li{
	width:285px;
	float:left;
	display:block;
}

.rightPan ul.listContent li{
	padding:19px 0 20px 0;
	border-bottom:1px solid #efefef;
}
.rightPan ul.listContent li p{
	width:226px;
	float:left;
	font-size:12px;
	color:#626262;
	line-height:18px;
}
.rightPan p a{
	font-size:12px;
	color:#ea8a00;
	line-height:18px;
	text-decoration:underline;
}
.rightPan p a:hover{
	text-decoration:none;
}
.rightPan ul.listContent li h6{
	height:31px;
	width:33px;
	float:left;
	font-size:11px;
	color:#fff;
	text-align:center;
	margin:5px 16px 0 0;
	background:url(images/calender_bg.png) no-repeat left;
}
.rightPan ul.listContent li h6 span{
	font-weight:bold;
	color:#79795b;
	font-size:11px;
	text-align:center;
}

.rightPan ul.listContent li.nobor{
	border:none;
}


/* stylin bottom body content */
#bottomContent{
	width:970px;
	float:left;
	padding-top:38px;
	background:url(images/gradient-botm.png) no-repeat top center;
}
#bottomContent h3{
	font-size:21px;
	color:#000;
	float:left;
	font-weight:bold;
	padding-bottom:7px;
}


div.box1{
	width:275px;
	float:left;
	padding-left:24px;
	margin-right:49px;
}
div.box1 h3{
	width:275px;
	float:left;
	font-size:21px;
	color:#000;
	float:left;
	font-weight:bold;
	padding-bottom:7px;
	margin-bottom:20px;
	border-bottom:1px solid #cacbc9;
}
div.box1 p{
	width:270px;
	float:left;
	font-size:12px;
	color:#626262;
	line-height:21px;
	padding-bottom:26px;
}
div.box1 p a{
	color:#ea8a00;
	text-decoration:underline;
}
div.box1 p a:hover{
	text-decoration:none;
}
/* stylin box content 2 */
div.box2{
	width:275px;
	float:left;
	margin-right:33px;
}
div.box2 h3{
	width:275px;
	float:left;
	font-size:21px;
	color:#000;
	float:left;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:1px solid #cacbc9;
}
div.box2 ul,div.box2 ul li{
	width:275px;
	float:left;
	margin:0;
	padding:0px;
}
div.box2 ul li{
	border-bottom:1px solid #cacbc9;
	padding:20px 0 30px 0;
}
div.box2 ul li.nobor{
	border:none;
}
div.box2 ul li img{
	float:left;
	margin:6px 20px 0 0;
}
div.box2 ul li p{
	display:block;
	width:160px;
	float:left;
	line-height:21px;
	color:#626262;
}
div.box2 ul li p a{
	color:#626262;
	text-decoration:none;
}
div.box2 ul li p a:hover{
	color:#ea8a00;
	text-decoration:underline;
}

/* stylin box content 3 */
div.box3{
	width:275px;
	float:left;
}
div.box3 img{
	float:left;
}
div.box3 h3{
	width:275px;
	float:left;
	font-size:21px;
	color:#000;
	float:left;
	font-weight:bold;
	padding-bottom:7px;
	border-bottom:1px solid #cacbc9;
}
div.box3 div.quote{
	width:275px;
	float:left;
	margin:23px 0 0 0;
}
div.box3 blockquote{
	display:block;
	width:222px;
	float:left;
	padding:10px 23px 15px 24px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;	
	font-size:12px;
	color:#626262;
	line-height:21px;
}
div.box3 div.sign{
	width:275px;
	height:34px;
	float:left;
	display:block;
	background:url(images/quote_botm.png) no-repeat left;
}

div.box3 div.sign p{
	width:126px;
	float:right;
	display:block;
	font-size:11px;
	color:#626262;
	text-align:right;
	margin:20px 10px 0 0;
}

div.box3 div.sign span{
	font-size:11px;
	font-weight:bold;
}

/* stylin  footer content */
#footer-wrap{
	width:100%;
	float:left;
	margin-top:25px;
	background:#efeeec url(images/footer-wrap.gif) repeat-x;
}

#footer{
	width:970px;
	height:130px;
	float:none;
	margin:0px auto;
}

#footer div.notices{
	min-width:326px;
	float:left;
	padding-left:24px;
	margin:35px 0 0 0;
	font-size:11px;
	color:#7a7a7a;
	line-height:21px;
}
#footer ul.footNav{
	width:230px;
	float:left;
}
#footer ul.footNav li{
	float:left;
	display:block;
	line-height:21px;
}
ul.footNav li a{
	float:left;
	display:block;
	font-size:11px;
	color:#7a7a7a;
	padding:1px 4px;
}

div.contact{
	display:block;
	width:265px;
	float:right;
	margin:35px 0 0 0;
}
div.contact p{
	min-width:200px;
	max-width:auto;
	font-size:11px;
	color:#7a7a7a;
	line-height:21px;
}

/*#####################################
######## Stylin Inner Pages ##########
####################################*/

/* contact us page */
.rightPan p.address{
	width:226px;
	float:left;
	font-size:12px;
	color:#626262;
	line-height:18px;
	margin:20px 0 0 0;
}


/* stylin blog page content */
ul.blog{
	display:block;
	width:575px;
	float:left;
}
ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:20px;
}
ul.blog li h5{
	font-size:21px;
	color:#995600;
	line-height:21px;
	padding:0px 0px 10px 0;
}
ul.blog li img{
	margin:10px 9px 10px 0;
}
ul.blog li p a{
	font-size:12px;
	color:#ea8a00;
}
ul.blog li p a:hover{
	text-decoration:underline;
}
ul.blog li p.date,ul.blog li p.post, ul.blog li p.comments{
	padding:0 0 6px 0;
}
ul.blog li a.more{
	display:block;
	width:90px;
	float:left;
	color:#ea8a00;
}
ul.blog li a.more:hover{
	display:block;
	width:90px;
	float:left;
	color:#ea8a00;
	text-decoration:underline;
}

/*s tylin sitemap content */
ul.sitemap{
	width:100px;
	float:left;
	padding:0px 0 0 0;
}
ul.sitemap li{
	width:100%;
	display:block;
	float:left;
	line-height:18px;
}
ul.sitemap li a{
	font-size:12px;
	color:#ea8a00;
	text-decoration:none;
}
ul.sitemap li a:hover{
	font-size:12px;
	color:#ea8a00;
	text-decoration:underline;
}