<style type="text/css">
/*---- Reset ----*/
.reset {
	
}

body {
background: #918e95 url(../images/interface/bg_body.png) repeat-x top center;	
}

* {
   margin:0;
   padding:0;
   font-family:Arial,Helvetica, sans-serif;
}

#container {
  background: #DDD;
  height: 260px;
  position: relative;
}
 
#drag {
  cursor: move;
  left: 50px;
  position: absolute;
  top: 500px;
  z-index:200;
  height:500px;
  width:200px;
}
 


a {
cursor:pointer;
cursor:hand;
color:#918e95;
text-decoration:underline;
}

h1 {
font-size:0px;
text-indent:-9999px;
position:absolute;
}

h2 {
position:relative;
font-size:16px;
margin:20px 0 5px 0;

}

ul {
    list-style-image: url(../images/interface/puce.png);
    list-style-position: inside;
	margin:0 0 20px 10px;
	font-size:12px;
}

li {
line-height:20px;
margin: 0 0 10px 0;
}


/* Table */
table {
  border-collapse: collapse;
  width:100%;
  text-indent:5px;
  border-spacing: 0px;
  background:url(../images/interface/bg_table.jpg) left top no-repeat;

}

th {
text-align:left;
height:30px;
font-weight:bold;
}


td {
height:25px;
}

caption {
text-transform:uppercase;
text-align:right;
font-weight:bold;
line-height:30px;
}

/* Form */
input {
height:15px;
margin:0 0 0 190px;
width:150px;
font-weight:bold;
border:none;
font-size:12px;
color:#918e95;
}

textarea {
overflow:auto;
width:600px;
height:200px;
margin:0 0 0 190px;
font-weight:bold;
}

select {
margin:0 0 0 180px;
height:20px;
color:#918e95;
}


.parcourir {
height:20px;
}

label {
width:180px;
text-align:right;
position:absolute;
height:17px;
font-weight:bold;
}

.autre_imput {
background-color:transparent;
border:0;
}

.etoile {
color:#f3f3f3;
}

.message {
text-align:center;
margin:20px 0;
font-weight:bold;
}


/* ------------------------------ ARCHITECTURE --------------------------------- */
#global {
width:100%;
height:100%;
background:url(../images/interface/bg.png) no-repeat top center;
}

#contenu {
width:980px;
margin:0 auto;
position:relative;
background:#fff;
height:auto !important;
height:830px;
min-height:830px;

}

#header {
height:240px;
position:relative;
z-index:40;
margin:0 auto;
width:980px;
}

#gauche {
position:relative;
width:145px;
float:left;
}

#droite {
position:relative;
width:145px;
float:right;
}

.pub_droite {
position:relative;
margin:10px 0 0 10px;
}

.pub_gauche {
position:relative;
margin:10px 0 0 10px;
}


#milieu {
position:relative;
width:690px;
margin:10px 0 0 145px;
}


#rub {
width:960px;
text-align:center;
margin:10px auto 10px auto;
clear:both;
color:#f3f3f3;
font-size:11px;
}

#rub a {
color:#f3f3f3;
font-size:11px;
}

#logo {
width:980px;
text-align:center;
margin:10px auto 10px auto;
clear:both;
}

#logo_societe {
position:absolute;
top:3px;
left:22px;
height:115px;
width:215px;
margin:0;
display:block;
background:url(../images/bouton/logo.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
cursor:pointer;
text-indent:-99999px;
border:none;
}

#logo_societe:hover {
   background-position: 0 -115px;
}

#logo_accueil {
position:absolute;
top:78px;
left:271px;
height:27px;
width:202px;
margin:0;
display:block;
background:url(../images/bouton/retour_accueil.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
cursor:pointer;
text-indent:-99999px;
border:none;
}

#logo_accueil:hover {
   background-position: 0 -27px;
}



/* ------------------------------ Visuel n1 --------------------------------- */
.visuel1 {
height:30px;
position:relative;
margin:0 0 10px 0;
background:#f3f3f3;
width:670px;
padding:5px 10px;
}

.visuel1 h2 {
color:#4e4757;
position:relative;
font-size:14px;
margin:0 0 2px 0;
}

.visuel1 h3 {
color:#918e95;
position:relative;
font-size:14px;
float:right;
margin:0;
z-index:30;
}

.visuel1 h4 {
color:#918e95;;
position:relative;
font-size:11px;
margin:0;
}

/* ------------------------------ Visuel n2 --------------------------------- */

.visuel2 {
height:100px;
position:relative;
margin:0 0 10px 0;
background:#f3f3f3;
width:670px;
padding:5px 10px;
}

.visuel2 h2 {
color:#4e4757;
position:relative;
font-size:14px;
margin:0;
}

.visuel2 h3 {
color:#918e95;
position:relative;
font-size:14px;
float:right;
margin:0;
z-index:30;
}

.visuel2 h4 {
color:#918e95;
position:relative;
font-size:11px;
margin:0 0 10px 0;
}

.visuel2 p {
color:#918e95;
position:relative;
font-size:12px;
margin:0;
line-height:18px;
}



/* ------------------------------ Visuel n3 --------------------------------- */

.visuel3 {
height:175px;
position:relative;
margin:0 0 10px 0;
background:#f3f3f3;
width:670px;
padding:5px 10px;
}

.visuel3 h2 {
color:#4e4757;
position:relative;
font-size:14px;
margin:0;
}

.visuel3 h3 {
color:#4e4757;
position:relative;
font-size:14px;
margin:0 0 10px 0;
}

.visuel3 h4 {
color:#918e95;
position:relative;
font-size:11px;
margin:0 0 10px 0;
}

.visuel3 p {
color:#918e95;
position:relative;
font-size:12px;
margin:0;
line-height:18px;
}

.logo_visuel {
position:absolute;
right:6px;
top:6px;
width:110px;
height:110px;
border:none;
z-index:1;
}



/* ------------------------------ Visuel n4 --------------------------------- */

.visuel4 {
height:175px;
position:relative;
margin:0 0 10px 0;
background:#918e95;
width:670px;
padding:5px 10px;
}

.visuel4 h2 {
color:#918e95;
position:relative;
font-size:14px;
margin:0;
}

.visuel4 h3 {
color:#fff;
position:relative;
font-size:14px;
margin:0 0 10px 0;

}

.visuel4 h4 {
color:#9ec983;
position:relative;
font-size:11px;
margin:0 0 10px 0;
}

.visuel4 p {
color:#9ec983;
position:relative;
font-size:12px;
margin:0;
line-height:18px;
}


.bt_option {
position:relative;
float:left;
height:25px;
width:106px;
border:0;
display:block;
background: #4e4757;
font-size:12px;
line-height:25px;
color:#fff;
margin:0 4px 0 0;
text-align:center;
text-decoration:none;
}

.bt_option:hover {
background: #918e95;
}

.bt_option_invisible {
height:0;
width:0;
border:0;
display:block;
top:-1000px;
left:-1000px;
position:absolute;
}


/* ------------------------------ PAGINATION --------------------------------- */
.page {
height:30px;
width:22px;
border:0;
cursor:pointer;
background:#f3f3f3;
margin:0;
color:#918e95;;
display:block;
font-size:11px;
text-decoration:none;
font-weight:bold;
text-align:center;
float:left;
margin:0 3px 0 0;
line-height:27px;
border:1px solid #918e95;

}

.page:hover {
border:1px solid #fff;
background:#918e95;
color:#fff;
}

.page_hover {
height:30px;
width:22px;
border:1px solid #fff;
background:#918e95;
margin:0;
color:#fff;
display:block;
font-size:11px;
text-align:center;
float:left;
margin:0 3px 0 0;
font-weight:bold;
line-height:27px;
}



/* ------------------------------ ZONE RECHERCHE --------------------------------- */
#moteur {
height:160px;
top:100px;
position:absolute;
z-index:51;
width:980px;
}

#id_categorie_search {
position:absolute;
top:94px;
left:123px;
height:22px;
width:255px;
margin:0;
border:#ededed 1px solid;
background:#fff;	
}

#boutique_search {
position:absolute;
top:94px;
left:600px;
height:20px;
width:238px;
margin:0;
border:#ededed 1px solid;
background:#fff;	
}

#bouton_boutique_search {
position:absolute;
top:83px;
right:100px;
height:40px;
width:43px;
margin:0;
display:block;
background:url(../images/bouton/ok.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
cursor:pointer;
text-indent:-99999px;
border:none;
}

#bouton_boutique_search:hover {
   background-position: 0 -40px;
}


/* ------------------------------ INTERFACE --------------------------------- */
.Tips2 {
border:1px solid #CCC;
float:left;
margin:0 0 15px 30px;
}

.encart_accueil {
width:650px;
padding:20px;
font-size:12px;
color:#918e95;
line-height:20px;
}

.encart_accueil p{
margin:0 0 10px 0;
}



/* ------------------------------ SLIDE BOUTIQUE --------------------------------- */
#titre_slider {
position:absolute;
top:12px;
right:9px;
height:63px;
width:178px;
border:0;
display:block;
background: url(../images/interface/photo.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
z-index:80;
}

#boutique_bg_slider {
width:460px;
height:345px;
position:relative;
background: url(../images/interface/bg_photo.png) no-repeat left top;
padding:20px 115px 30px 115px;
margin:0 0 10px 0;
z-index:0;
}

#boutique_slider {
width:460px;
height:345px;
position:relative;
}

.boutique_page_slider {
width:460px;
height:345px;
position:relative;
}


#boutique_slide_precedent {
position:absolute;
top:148px;
left:56px;
height:85px;
width:49px;
border:0;
display:block;
background: url(../images/bouton/precedent.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

#boutique_slide_precedent:hover {
background-position: -49px 0;
}

#boutique_slide_suivant {
position:absolute;
top:148px;
right:56px;
height:85px;
width:49px;
border:0;
display:block;
background: url(../images/bouton/suivant.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

#boutique_slide_suivant:hover {
background-position: -49px 0px;
}

/* ------------------------------ VIDEO BOUTIQUE --------------------------------- */
#titre_video {
position:absolute;
top:0;
left:-90px;
height:67px;
width:204px;
border:0;
display:block;
background: url(../images/interface/video.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
z-index:80;
}

#boutique_bg_video {
width:480px;
height:273px;
position:relative;
background: url(../images/interface/bg_video.png) no-repeat left top;
padding:5px;
margin:0 0 10px 100px;
z-index:0;
}

/* ------------------------------ GOOGLE MAP BOUTIQUE --------------------------------- */
#titre_google {
position:absolute;
top:30px;
right:-120px;
height:67px;
width:204px;
border:0;
display:block;
background: url(../images/interface/plan.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
text-indent:-9999px;
z-index:80;
}

#boutique_google {
width:480px;
height:366px;
position:relative;
background: url(../images/interface/bg_map.png) no-repeat left top;
padding:5px;
margin:0 auto;
z-index:0;
}

/* ------------------------------ FOOTER --------------------------------- */
#footer_global {
width:100%;
height:180px;
background:#4e4757;
}

#menu_footer {
width:980px;
z-index:15;
position:relative;
height:120px;
margin:0 auto;
padding-top:50px;
background: url(http://www.lehavreenpoche.com/rubriques/images/footer.png) no-repeat center top;
}

.site_footer {
height: 90px;
float:left;
display:block;
font-size:0;
text-indent:-9999px;
letter-spacing:-100px;
width:90px;
margin:0 0 0 13px;
}


#bouton1 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/beaute.png) 0 0 no-repeat;	
}

#bouton1:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/beaute.png) -90px 0 no-repeat;
}


#bouton2 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/resto.png) 0 0 no-repeat;	
}

#bouton2:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/resto.png) -90px 0 no-repeat;
}

#bouton3 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/hotel.png) 0 0 no-repeat;	
}

#bouton3:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/hotel.png) -90px 0 no-repeat;
}


#bouton4 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/mode.png) 0 0 no-repeat;	
}

#bouton4:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/mode.png) -90px 0 no-repeat;
}

#bouton5 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/sport.png) 0 0 no-repeat;	
}

#bouton5:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/sport.png) -90px 0 no-repeat;
}

#bouton6 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/emploi.png) 0 0 no-repeat;	
}

#bouton6:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/emploi.png) -90px 0 no-repeat;
}

#bouton7 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/auto.png) 0 0 no-repeat;	
}

#bouton7:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/auto.png) -90px 0 no-repeat;
}

#bouton8 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/immo.png) 0 0 no-repeat;	
}

#bouton8:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/immo.png) -90px 0 no-repeat;
}

#bouton9 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/pratique.png) 0 0 no-repeat;	
}

#bouton9:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/pratique.png) -90px 0 no-repeat;
}

#bouton10 {
background: transparent url(http://www.lehavreenpoche.com/rubriques/images/lhp.png) 0 0 no-repeat;	
}

#bouton10:hover {
   background: transparent url(http://www.lehavreenpoche.com/rubriques/images/lhp.png) -90px 0 no-repeat;
}

/* ------------------------------ SLIDE --------------------------------- */
#bg_slider {
width:690px;
height:240px;
position:relative;
padding:0;
margin:0;
z-index:0;
}

#slider {
width:610px;
height:240px;
position:relative;
background:#918e95;
margin:0 0 0 40px;
}

.page_slider {
width:610px;
height:240px;
position:relative;
}

#lire_suite {
width:115px;
height:35px;
background:url(../images/news/lire_suite.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
cursor:pointer;
text-indent:-99999px;
border:none;
position:absolute;
right:-14px;
bottom:0;
display:block;
}

#lire_suite:hover {
   background-position: 0 -35px;
}


#slide_precedent {
position:absolute;
top:105px;
left:5px;
height:31px;
width:25px;
border:0;
display:block;
background: url(../images/news/slide_precedent.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

#slide_precedent:hover {
background-position: 0 -31px;
}

#slide_suivant {
position:absolute;
top:105px;
right:5px;
height:31px;
width:25px;
border:0;
display:block;
background: url(../images/news/slide_suivant.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

#slide_suivant:hover {
background-position: 0 -31px;
}



.contenu_slider {
width:276px;
height:220px;
position:absolute;
left:320px;
top:20px;
color:#FFF;
}

.contenu_slider h2 {
color:#fff;
font-size:18px;
background:none;
border:none;
text-align:left;
text-indent:none;
margin:0 0 10px 0;
padding:0;
height:25px;
position:relative;
}

.contenu_slider h3 {
color:#fff;
font-size:14px;
background:none;
border:none;
text-indent:0px;
text-align:left;
margin:0 0 10px 0;
padding:0;
line-height:20px;
position:relative;
}

.contenu_slider h4 {
color:#fff;
font-size:12px;
background:none;
border:none;
text-indent:0px;
text-align:left;
margin:0;
padding:0;
position:relative;
line-height:20px;
}

/* ------------------------------ PAGE NEWS 2 --------------------------------- */
.news {
width:370px;
margin:0 0 20px 460px;
position:relative;
padding:0;
}

.news h2 {
margin:0 0 5px 0;
font-size:14px;
color:#4e4757;
}

.news h4 {
margin:0 0 5px 0;
font-size:12px;
color:#4e4757;
}

.news h3 {
margin:0 0 5px 0;
font-size:12px;
color:#4e4757;
}

.news p {
margin:0 0 5px 0;
font-size:12px;
color:#4e4757;
}

.photo_news {
position:relative;
margin:0 0 30px 0;
display:block;
float:left;
}

/* ------------------------------ ZOOM MOTOOLS --------------------------------- */

.demo-images
{
	list-style:				none;
	margin:					0;
}
 
.demo-images li
{
	float:					left;
	padding:				5px;
	width:					100px;
	height:					100px;
	text-align:				center;
}

#sbox-overlay {
	position: absolute;
	background-color: #000;
	left: 0px;
	top: 0px;
	zoom: 1;
}

#sbox-window {
	position: absolute;
	background-color: #fff;
	text-align: left;
	overflow: visible;
	padding: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#sbox-btn-close {
	position: absolute;
	width: 30px;
	height: 30px;
	right: -15px;
	top: -15px;
	background: url(../images/interface/close.png) no-repeat left top;
}

.sbox-window-ie6 #sbox-btn-close {
	background: url(../images/interface/close.png) no-repeat left top;
}

.sbox-loading #sbox-content {
	background-image: url(spinner.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
}

.sbox-content-image#sbox-content {
	overflow: visible;
}

#sbox-image {
	display: block;
}

.sbox-content-image img {
	display: block;
	width: 100%;
	height: 100%;
}

.sbox-content-iframe#sbox-content {
	overflow: visible;
}

/* Hides scrollbars */
.body-overlayed {
	overflow: hidden;
}
/* Hides flash (Firefox problem) and selects (IE) */
.body-overlayed embed, .body-overlayed object, .body-overlayed select {
	visibility: hidden;
}
#sbox-window embed, #sbox-window object, #sbox-window select {
	visibility: visible;
}

/* Shadows */
.sbox-bg {
	position: absolute;
	width: 33px;
	height: 40px;
}

.sbox-bg-n {
	left: 0;
	top: -40px;
	width: 100%;
	background: url(bg_n.png) repeat-x;
}
.sbox-bg-ne {
	right: -33px;
	top: -40px;
	background: url(bg_ne.png) no-repeat;
}
.sbox-bg-e {
	right: -33px;
	top: 0;
	height: 100%;
	background: url(bg_e.png) repeat-y;
}
.sbox-bg-se {
	right: -33px;
	bottom: -40px;
	background: url(bg_se.png) no-repeat;
}
.sbox-bg-s {
	left: 0;
	bottom: -40px;
	width: 100%;
	background: url(bg_s.png) repeat-x;
}
.sbox-bg-sw {
	left: -33px;
	bottom: -40px;
	background: url(bg_sw.png) no-repeat;
}
.sbox-bg-w {
	left: -33px;
	top: 0;
	height: 100%;
	background: url(bg_w.png) repeat-y;
}
.sbox-bg-nw {
	left: -33px;
	top: -40px;
	background: url(bg_nw.png) no-repeat;
}

/* ------------------------------ ZOOM DIAPORAMA PHOTO --------------------------------- */


#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
	color:#000;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
	color:#000;
}


#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
	color:#000;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 30px;
	outline: none;
	background:#fff;
	filter: alpha(opacity=60); 
	opacity:0.6;
}

#lbPrevLink {
	left: 0;
	background:#fff url(../images/news/precedent.png) no-repeat 0 50%;
}

#lbPrevLink:hover {
	background:#fff url(../images/news/precedent.png) no-repeat 0 50%;
	filter: alpha(opacity=90); 
	opacity:0.9; 	
}

#lbNextLink {
	right: 0;
	background:#fff url(../images/news/suivant.png) no-repeat 0 50%;
	
}

#lbNextLink:hover {
	background:#fff url(../images/news/suivant.png) no-repeat 0 50%;
	filter: alpha(opacity=90); 
	opacity:0.9;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 68px;
	height: 25px;
	background: transparent url(../images/news/fermer.png) 0 0 no-repeat;
	margin: 5px 0;
	outline: none;
}

#lbCloseLink:hover {
background-position: 0 -25px;

}

#lbCaption, #lbNumber {
	margin-right: 71px;
	color:#000;
}

#lbCaption {
	font-weight: bold;
	color:#000;
}

</style>
