.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li#idPost-1860 div.image:hover,
#idPost-1860,
#idPost-1860:hover {
  background-position: 0px 0px ! important;
}

/**************************************************
	RESET
**************************************************/
* {margin:0; padding:0}

.s2_message,
.s2popup {
position: absolute;
top: 154px; /*80px*/
right: 0;
color: #3F3E41;
font-weight: bolder;
}

.s2_message{
  position: relative;
  top: 0;
}

.s2_message{
  display:none;
}

.contentPage .s2_message{
  display:block;
}

#navLang {
margin-left: 3px;
}

input[name=subscribe],
input[name=unsubscribe] {
width: 25% ! important;
margin-right: 20px;
}

#background .sliderbutton {float:left; width:32px; padding-top:134px;left:70px;
position:absolute;
top:150px;}

#background .sliderbuttonRight {left:600px;}
#background .sliderbutton img {cursor:pointer;
left:0px;
position:absolute;
top:25px;
}
#background .sliderbutton img:hover {background:#666}
#background #slider {float:left; left:100px;
position:absolute;
top:75px;
width:500px; height:300px; border:2px solid #fff; background:#fff}
#background #slider img {cursor:pointer;
left:40px;
position:absolute;
top:25px;}
#background #slider ul {position:absolute; list-style:none; top:0; left:0}
#background #slider li {float:left; width:500px; height:300px; padding-right:10px}

#background .pagination {float:left; list-style:none; height:25px; margin:15px 0 0 32px;
left:430px;
position:absolute;
top:375px;}
#background .pagination li {float:left; cursor:pointer; padding:5px 8px; background:#666; border:1px solid #999; margin:0 4px 0 0; text-align:center; color:#222}
#background .pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
#background li.current {border:1px solid #ccc; background:#888}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/**************************************************
	GLOBAL
**************************************************/

/*html,
body {
	overflow: visible;
}*/

body {
	font: 12px Arial;
	color: #FFFFFF;
	/*background: #151515 url('../images/001/body_BG.jpg') top left no-repeat;*/
}

a {
	text-decoration: none;
	color:#EC7377;
}

.container {
  margin: 0 auto;
  width: 750px;
  position:relative;
  display: block;
}

.header {
  /*display: block;*/
  height: 142px;
  margin-top:55px;
  position: relative;
}
	
/**************************************************
	LOGO
**************************************************/

.header .logo {
	float: left;	
	width: 0;	
}

.header .logo h1 a {
	width: 750px;
	height: 142px;
	background: url('../images/001/header.gif') no-repeat;
	display: block;
}

.header .logo h1 a span {
	display: none;
}

/**************************************************
	MENU
**************************************************/

.header .menu {
	margin-top:72px;
	margin-left:170px;
	float: left;
	text-transform: uppercase;
}

  .header .menu .actif {
    filter:alpha(opacity=60);
  	-moz-opacity:0.6;
  	-khtml-opacity: 0.6;
  	opacity: 0.6;
  }
  
  .header .menu .masked {
    filter:alpha(opacity=20);
  	-moz-opacity:0.2;
  	-khtml-opacity: 0.2;
  	opacity: 0.2;
  }

	.header .menu .masked a {
  	cursor:auto;
	}

	.header .menu ul.list {
    margin-top: 52px;
    text-align: center;
	}

	.header .menu ul.list li {
		margin-bottom:5px;
		margin-left:5px;
		display: inline;
		border-left:1px solid #666666;
		width:50px;
		height:9px;	
	}
	
	.header .menu ul.list li.cat-item-10 a {	
    background:transparent url(../images/menu_maison.gif) no-repeat scroll 10px 0px;
    width:85px;
    height:9px;
	}

	.header .menu ul.list li.cat-item-1 a {	
    background:transparent url(../images/menu_chambres.gif) no-repeat scroll 10px 0px;
    width:108px;	
    height:9px;
	}

	.header .menu ul.list li.page-item-3 a {	
    background:transparent url(../images/menu_contact.gif) no-repeat scroll 10px 0px;
    width:70px;	
    height:9px;
	}

	.header .menu ul.list li.cat-item-17 a {	
    background:transparent url(../images/menu_cityguide.gif) no-repeat scroll 10px 0px;
    width:80px;	
    height:9px;
	}
 
	.header .menu ul.list li.cat-item-16 a {	
    background:transparent url(../images/menu_histoire.gif) no-repeat scroll 10px 0px;
    width:82px;	
    height:9px;
	}

	.header .menu ul.list li.cat-item-171 a {	
    background:transparent url(../images/menu_pied.gif) no-repeat scroll 10px 0px;
    width:120px;	
    height:9px;
	}
  
	.header .menu ul.list li.cat-item-170 a {	
    background:transparent url(../images/menu_panier.gif) no-repeat scroll 10px 0px;
    width:80px;	
    height:9px;
	}  
  
  .header .menu ul.list li.page-item-8 {
    border-left:none;
    margin-left:0;
  }
	.header .menu ul.list li.page-item-8 a {	
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/menu_reserver.gif");
    background-position: 10px 0;
    background-repeat: no-repeat;
    float: right;
    height: 18px;
    left: 646px;
    position: absolute;
    top: 121px;
    width: 102px;
	}
	
	body.en .header .menu ul.list li.cat-item-10 a {	
    background:transparent url(../images/menu_maison_uk.gif) no-repeat scroll 10px 0px;
    width:85px;
    height:9px;
	}

	body.en .header .menu ul.list li.cat-item-1 a {	
    background:transparent url(../images/menu_chambres_uk.gif) no-repeat scroll 10px 0px;
    width:90px;	
    height:9px;
	}

	body.en .header .menu ul.list li.page-item-3 a {	
    background:transparent url(../images/menu_contact_uk.gif) no-repeat scroll 10px 0px;
    width:70px;	
    height:9px;
	}

	body.en .header .menu ul.list li.cat-item-17 a {	
    background:transparent url(../images/menu_cityguide_uk.gif) no-repeat scroll 10px 0px;
    width:80px;	
    height:9px;
	}

	body.en .header .menu ul.list li.cat-item-171 a {	
    background:transparent url(../images/menu_pied_uk.gif) no-repeat scroll 10px 0px;
    width:120px;	
    height:9px;
	}
  
	body.en .header .menu ul.list li.cat-item-170 a {	
    background:transparent url(../images/menu_panier_uk.gif) no-repeat scroll 10px 0px;
    width:80px;	
    height:9px;
	} 
   
	body.en .header .menu ul.list li.cat-item-16 a {	
    background:transparent url(../images/menu_histoire_uk.gif) no-repeat scroll 10px 0px;
    width:100px;	
    height:9px;
	}  

	body.en .header .menu ul.list li.page-item-8 a {	
    background-image: url("../images/menu_reserver_uk.gif");
    background-position: 22px 0;
    height: 18px;
    width: 112px;
	}  
        
  .header .menu ul.list li a {
    font: bold 11px 'Arial Black';
    color: #666666;
    /*line-height: 35px;
    padding: 0px 0px 0px 10px;*/
    display: inline-block;
    font-weight: normal;
  }
  
  .header .menu ul.list li a:hover {
  	color: #999999;
  }
			
	.header .menu ul.list li ul {
		margin-top: 5px;
		border-left: 5px solid #FFFFFF;
		display: none;
	}
	
  .header .menu ul.list li ul li{
    margin-bottom: 1px;
  }
  
  .header .menu ul.list li ul li a {
    font-size: 11px;
    color: #FFFFFF;
    line-height: 30px;
    background: #000000;
  }
  
  .header .menu ul.list li ul li a:hover {
    color: #000000;
    background: #FFFFFF;
  }

/**************************************************
	SEARCH
**************************************************/

.header .menu .search{
	width: 185px;
	height: 35px;
	background: url('../images/001/search_BG.gif') no-repeat;
	position: relative;
	left: -150px;
}

	.header .menu .search form fieldset input.text,
	.header .menu .search form fieldset input.submit {
		border: none;
		background: none;
	}
	
	.header .menu .search form fieldset input.text {
		font: 12px 'Lucida Sans Unicode';
		color: #FFFFFF;
		width: 130px;
		margin: 8px 0px 0px 10px;
		float: left;
	}
	
	.header .menu .search form fieldset input.submit {
		width: 35px;
		height: 35px;
		cursor: pointer;
		float: right;
	}
	
/**************************************************
	SIDEBAR
**************************************************/

.titleMenuR{
background : url('../images/bg_sidebar_title_right.gif') top right no-repeat;
    color: #3e3e40;
    font-family: georgia;
    font-size: 13px;
    text-align: center;
    height:30px;
}

.listMenuR{
background : url('../images/bg_sidebar_right_left.gif') bottom right no-repeat;
padding:10px;
margin: 0 0 10px 10px;
}

.titleMenuL{
background : url('../images/bg_sidebar_title_left.gif') top right no-repeat;
    color: #3e3e40;
    font-family: georgia;
    font-size: 13px;
    text-align: center;
    height:30px;
}

.listMenuL{
background : url('../images/bg_sidebar_right_left.gif') bottom left no-repeat;
padding:10px 10px 10px 20px;
margin: 0 0 10px 0px;
}

.listMenuL a,
.listMenuR a{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/puce_sidebar.gif");
    background-position: 0 6px;
    background-repeat: no-repeat;
    color: #666666;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
}

.listMenuL a:hover,
.listMenuR a:hover,
.current-cat a{
color:#999;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/puce_sidebar.gif");
    background-position: 0 -4px;
    background-repeat: no-repeat;
}


/**************************************************
	CONTENT
**************************************************/

.content {
	width: 750px;
	height: 100%;
	position: absolute;
	top: 20px;
	line-height: 18px;
}

.contentCityGuide,
.contentHistoire {
    color: #70706F;
    display: block;
    float: left;
    font-family: arial;
    font-size: 13px;
    height: 100%;
    line-height: 17px;
    position: relative;
    top: 35px;
    width: 565px;
    padding-bottom: 20px;
}

.headerTitleCityGuide,
.headerTitleHistoire {
  display: block;
	width: 750px;
  float: left;
  font-family: georgia;
  font-size: 30px;
  font-style: italic;
  font-weight: lighter;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  background: transparent url("../images/bandeGriseInverse.jpg") top left no-repeat;
  margin: 0 0 20px 0;
  color:#000;
  top: 35px;
  position: relative;
}

.contentCityGuide .headerTitleCityGuide,
.contentHistoire .headerTitleHistoire {
  top:0;
} 

.contentCityGuide .thumbnail,
.contentHistoire .thumbnail{
width:176px;
height:128px;
float:left;
margin-right:10px;
}

.postSingleCityGuide,
.postSingleHistoire{
text-align: justify;
}

.contentHome .rightColone .link{
margin-bottom: 6px;
}

.contentHome .rightColone .link a,
.contentCityGuide .link a,
.contentHistoire .link a{
float:left;
background: transparent url("../images/bt_voirplus.gif") top left no-repeat;
height:13px;
width:54px;
overflow:hidden;
color:transparent;
margin-top:10px;
}



.contentHome .rightColone .link a:hover,
.contentCityGuide .link a:hover,
.contentHistoire .link a:hover{
background: transparent url("../images/bt_voirplus.gif") bottom left no-repeat;
}

.contentCityGuide .desc h2 a,
.contentHistoire .desc h2 a{
    color: #333333;
    float: left;
    font-family: Trebuchet MS,sans-serif;
    font-size: 15px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: -3px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
    width: 375px;
}

.contentCityGuide .postSingleCityGuide h1,
.contentHistoire .postSingleHistoire h1{
    color: #000000;
    font-family: georgia;
    font-size: 30px;
    font-style: italic;
    font-weight: lighter;
    line-height: 34px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}


.contentCityGuide .postSingleCityGuide h2,
.contentHistoire .postSingleHistoire h2{
    color: #333333;
    float: left;
    font-family: Trebuchet MS,sans-serif;
    font-size: 15px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: -3px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
    width: 565px;
}

.contentCityGuide .postSingleCityGuide .postSingleContent h2,
.contentHistoire .postSingleHistoire .postSingleContent h2{
    color: #333333;
    float: left;
    font-family: Trebuchet MS,sans-serif;
    font-size: 15px;
    font-weight: bolder;
    margin-bottom: 0px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-transform: uppercase;
    width: 565px;
}

.contentCityGuide .postSingleCityGuide h3,
.contentHistoire .postSingleHistoire h3{
    color: #000000;
    font-family: arial;
    font-size: 14px;
    font-style: normal;
    font-weight: bolder;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    text-transform: none;
}

.contentCityGuide .postSingleCityGuide h4,
.contentHistoire .postSingleHistoire h4{

}

.contentCityGuide .postSingleCityGuide h5,
.contentHistoire .postSingleHistoire h5{
}

.contentCityGuide .postSingleCityGuide h6,
.contentHistoire .postSingleHistoire h6{
}

.contentCityGuide .postSingleCityGuide address,
.contentHistoire .postSingleHistoire address{
font-style:italic;
font-family:georgia;
font-size:11px;
}

.contentCityGuide .postSingleCityGuide pre,
.contentHistoire .postSingleHistoire pre{
width:545px;
background:#eee;
padding:10px;
color:#333;
margin:10px 0;
}

.contentCityGuide .postSingleCityGuide em,
.contentHistoire .postSingleHistoire em{
font-style:italic;
}

.contentCityGuide .postSingleCityGuide ul li,
.contentHistoire .postSingleHistoire ul li{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/puce_sidebar.gif");
    background-position: 0 7px;
    background-repeat: no-repeat;
    color: #666666;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
}

.contentCityGuide .postSingleCityGuide ol li,
.contentHistoire .postSingleHistoire ol li{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/puce_sidebar.gif");
    background-position: 0 -3px;
    background-repeat: no-repeat;
    color: #999;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 0;
    padding-top: 0;
}

.contentCityGuide .date,
.contentHistoire .date,
.contentCityGuide .categ,
.contentHistoire .categ{
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
}


.contentHome .rightColone .categ,
.contentCityGuide .categ,
.contentHistoire .categ{
 color:#666;
}

.contentHome .rightColone .date,
.contentCityGuide .date,
.contentHistoire .date{
color:#999;
}

.postArchive{
float:left;
margin-bottom: 20px;
}

.contentCityGuide .postArchive,
.contentHistoire .postArchive {
width: 565px;
}

.contentHome .rightColone p,
.postSingleTitle p,
.contentCityGuide .desc p,
.contentHistoire .desc p{
    color: #EC7874;
    font-family: georgia;
    font-size: 11px;
    font-style: italic;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
}

.text_news{
    color: #333;
    font-size: 13px;
    line-height: 17px;
    text-align: left;
}

.sidebarCityGuide,
.sidebarHistoire {
  display: block;
	width: 176px;
	height: 100%;
	position: relative;
	top: 80px;
	line-height: 18px;
	float: right;	
}

.contentSingle,
.contentHome,
.contentChambres,
.contentMaison,
.contentPage {
  display: block;
	width: 750px;
	height: 100%;
	position: relative;
	top: 35px;
	line-height: 18px;
}

.contentChambres,
.contentMaison {
	top: 20px;
}

	.content * {
		clear: both;
	}

  .contentSingle h1,
  .contentSingle h2,
  .contentSingle h3,
	.content h1,
	.content h2,
	.content h3/*,
  .contentPage h1,
	.contentPage h2,
	.contentPage h3*/ {
		font-family: 'Lucida Sans';
		font-weight: bold;
		letter-spacing: -2px;
		text-transform: uppercase;
		text-align: right;
		color: #000000;
		padding: 0px 30px 0px 60px;
		margin: 20px -30px 30px 0px;
		background: #FFFFFF;
		float: right;
	}

	.contentSingle h1,
	.contentPage h1,
  .content h1 {
		font-size: 36px;
		line-height: 48px;
		margin-top: 5px;
	}

	.contentSingle h2,
  .contentPage h2,
  .content h2 {
		font-size: 24px;
		line-height: 38px;
	}

  .contentSingle h3,
  .contentPage h3,
	.content h3 {
		font-size: 18px;
		line-height: 35px;
	}
	
	.contentSingle h3.details,
	.contentPage h3.details,
	.content h3.details {
		color: #FFFFFF;
		background: #000000;
		white-space: nowrap;
	}
	
	.contentSingle h3.details span.cats,
	.contentPage h3.details span.cats,
  .content h3.details span.cats {
		font: 10px Tahoma;
		letter-spacing: 0px;
		vertical-align: middle;
	}
			
  .contentSingle h3.details span.cats a,			
  .contentPage h3.details span.cats a,
  .content h3.details span.cats a {
		color: #FFFFFF;
		padding: 0px;
		background: none;
	}
		
	.contentSingle h3.details span.date,
	.contentPage h3.details span.date,
  .content h3.details span.date {
		margin-left: 30px;
		margin-top: -10px;
	}

	.contentSingle p,
	.contentPage p,
  .content p {
		margin-bottom: 10px;
		text-align: justify;
	}

	.contentSingle a,
	.contentPage a,
  .content a {
		color: #000000;
		background: #FFFFFF;
    font-family:Trebuchet MS;
    font-weight:bold;
    letter-spacing:-1px;
	}

	.contentSingle ul,
	.contentSingle ol,
	.contentPage ul,
	.contentPage ol,
  .content ul,
	.content ol {
		padding-left: 20px;
		margin-bottom: 10px;
	}

	.contentSingle .sliderMask ul li,
	.contentPage .sliderMask ul li,
  .content .sliderMask ul li {
		padding-left: 13px;
		background: url('../images/001/list_item_BG.gif') 0px 7px no-repeat;
	}
		
	.contentSingle img.alignleft,
	.contentPage img.alignleft,
  .content img.alignleft {
		float: left;
		margin: 0px 10px 10px 0px;
	}
	
	.contentSingle img.alignright,
	.contentPage img.alignright,
  .content img.alignright {
		float: right;
		margin: 0px 0px 10px 10px;
	}
	
	#navigation{
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/bg_navigation.gif");
    background-position: right top;
    background-repeat: no-repeat;
    color: #000000;
    cursor: pointer;
    float: right;
    font-family: trebuchet MS;
    font-size: 16px;
    font-style: normal;
    font-weight: bolder;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 0;
    padding-top: 11px;
    text-align: right;
    text-transform: uppercase;
    width: 172px;
    }
    
    #navigation a{
    color:#585858;
    }
    
    #navigationSingle {
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/bg_nav_single.gif");
    background-position: 0 4px;
    background-repeat: repeat-x;
    color: #000000;
    font-family: trebuchet MS;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    height: 15px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    text-transform: uppercase;
    width: 100%;
    }
    
    #navigationSingle .alignleft{
    float:left;
    }
    
    #navigationSingle .alignright{
    float:right;
    }
    
    #navigationSingle .alignleft a{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("../images/ico_prev.gif");
    background-position: left 2px;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    padding-bottom: 0;
    padding-left: 21px;
    padding-right: 10px;
    padding-top: 0;
    }
    
    #navigationSingle .alignright a{
    background-attachment: scroll;
    background-color: #FFFFFF;
    background-image: url("../images/ico_next.gif");
    background-position: right 2px;
    background-repeat: no-repeat;
    color: #000000;
    float: left;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 21px;
    padding-top: 0;
    }

/**************************************************
	contentPortfolio
**************************************************/

.contentPortfolio {
	height: 450px;
	position: absolute;
	line-height: 18px;
}

/**************************************************
	contentText
**************************************************/

.contentText {
	position: absolute;
	top: 350px;
	line-height: 18px;
	width:	100%;
	color: #000000;
	margin-top:20px;
	padding-bottom:20px;
}

.contentText .leftColone {
  float:left;
  padding-right:10px;
  width:360px;
}

.contentSingle .contentText .leftColone p {
  margin-bottom:0px;
}

.contentText .rightColone {
	float: right;
	width: 370px;
}

.contentText .title1 {
  font-size: 30px;
  font-weight: lighter;
  font-family: georgia;
  font-style: italic;
}

.contentText .title2 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  text-transform:uppercase;
}

.contentText .text1 {
  font-family:arial;
  font-size:15px;
  text-align:justify;
}

.contentText .text2 {
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;
}

.contentText .text1 ul,
.contentText .text2 ul,  {
  list-style:disc inside none;
}

/**************************************************
	SLIDER
**************************************************/

.sliderMask {
  background: #EEE; 
	height: 100%;
	/*height: 500px;*/
	overflow: auto;
}

.sliderMask .sliderContent{
	padding: 0px 30px 30px 0px;
}

.sliderMask .sliderContent #respond {
float:left;
left:270px;
position:absolute;
top:225px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
}

.jScrollPaneTrack {
	height: 100%;
	background: #000000;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}

.jScrollPaneTrack .jScrollPaneDrag {
	background: #FFFFFF;
	cursor: pointer;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}

/**************************************************
	COMMENTS
**************************************************/

ol.commentlist {
	padding-left: 0px;
}

	ol.commentlist *{
		clear: none;
	}

	ol.commentlist li {
		margin-bottom: 10px;
	}

		ol.commentlist li .comment-author {
			font: bold 10px Tahoma;
			text-transform: uppercase;
		}
		
			ol.commentlist li .comment-author cite.fn a {
				padding: 0px;
				font-style: normal;
				color: #FFFFFF;
				background: none;
			}
		
			ol.commentlist li .comment-author .avatar {
				margin-right: 10px;
				float: left;
			}

		ol.commentlist li .comment-meta {
			margin: 2px 0px 5px 0px;
			font: 10px Tahoma;
			text-transform: uppercase;
			float: left;
			clear: none;
		}
		
			ol.commentlist li .comment-meta  a {
				padding: 0px;
				color: #FFFFFF;
				background: none;
			}

		ol.commentlist li p {
			padding-left: 75px;
			margin-top: 20px;
		}
	
form#commentform {
	padding-left: 74px;
	margin: 30px 0px 20px 0px;
	font: 12px 'Lucida Sans';
	color: #000000;
}

	form#commentform p {
		height: 30px;
		margin-bottom: 5px;
		background: #FFFFFF;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	
		form#commentform p label {
			width: 130px;
			padding-right: 20px;
			text-align: right;
			line-height: 30px;
			border-right: 1px solid #000000;
			display: block;
			float: left;
		}
		
		form#commentform p a {
			padding: 0px 0px 0px 10px;
			line-height: 30px;
			background: none;
		}
		
		
		form#commentform p input {
			width: 230px;
			margin: 6px 0px 0px 10px;
			font: 12px 'Lucida Sans';
			border: 0px;
			clear: none;
		}
		
	form#commentform p.comment-textarea {
		height: 100px;
		background: #FFFFFF;
		position: relative;
	}
	
		form#commentform p.comment-textarea label {
			padding-bottom: 70px;
		}
		
		form#commentform p.comment-textarea textarea {
			width: 230px;
			height: 85px;
			margin: 6px 0px 0px 10px;
			font: 12px 'Lucida Sans';
			border: 0px;
			clear: none;
			overflow: auto;
		}
		
		form#commentform p.comment-textarea input#submit {
			width: 16px;
			height: 22px;
			border: none;
			background: url('../images/001/comment_submit_BG.gif') no-repeat;
			position: absolute;
			top: 33px;
			right: 10px;
			cursor: pointer;
		}

/**************************************************
	NAVIGATION - BLOG
**************************************************/

.nav.blog {
	position: relative;
	float: right;
	overflow: hidden;
}

.nav.blog .navMask ul.navContent {
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
}
	
	.nav.blog .navMask ul.navContent li {
		text-transform: uppercase;
		text-align: right;
		margin-bottom: 5px;
	}
		
		.nav.blog .navMask ul.navContent li a {
			font: 10px Tahoma;
			line-height: 35px;
			color: #000000;
			padding: 0px 10px 0px 20px;
			background: #FFFFFF;
			display: inline-block;
		}
		
		.nav.blog .navMask ul.navContent li a:hover {
			color: #FFFFFF;
			background: #000000;
		}
		
			.nav.blog .navMask ul.navContent li a span.date {
				color: #808080;
				margin-left: 10px;
			}
		
		.nav.blog .navMask ul.navContent li.paging a {
			color: #FFFFFF;
			background: #000000;
		}
		
	.nav.blog .navMask ul.navContent h2 {
		margin: 0px 0px 10px 0px;
	}
	
/**************************************************
	NAVIGATION - PORTFOLIO
**************************************************/

.nav.portfolio {
	width: 188px;
	height: 450px;
	position: absolute;
	float: left;
	overflow: hidden;
}

.nav.portfolio .navMasks ul.navContent {
	width: 188px;
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
}
	
.nav.portfolio .navMasks ul.navContent li {
width: 188px;
height: 75px;
padding: 0;
font: 10px Tahoma;
text-transform: uppercase;
color: #FFFFFF;
background: #000000;
position: relative;
}

.nav.portfolio .navMasks ul.navContent li:hover {
	color: #000000;
	background: #FFFFFF;
}

.nav.portfolio .navMasks ul.navContent li:hover p.more a {
	color: #000000;
	background: url('../images/001/list_item_HOVER_BG.gif') 0px 4px no-repeat;
}

.nav.portfolio .navMasks ul.navContent li.paging {
display: none;
width: auto;
height: auto;
padding: 0px;
text-align: right;
background: none;
}

.nav.portfolio .navMasks ul.navContent li.paging a {
	font: 10px Tahoma;
	line-height: 35px;
	color: #FFFFFF;
	padding: 0px 10px 0px 20px;
	background: #000000;
	display: inline-block;
}

.nav.portfolio .navMasks ul.navContent li h4 {
font: 10px Tahoma;
margin-bottom: 10px;
}

.nav.portfolio .navMasks ul.navContent li div.imageMask {
background: #FFFFFF;
float:left;
height:75px;
left:0;
position:absolute;
top:0;
width:188px;
z-index:1;
}


.nav.portfolio .navMasks ul.navContent li div.image {
width: 188px;
height: 75px;
/*background:transparent url('../images/001/survol_thumb_HP.png') no-repeat 0 0;
_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_thumb_HP.png', sizingMethod='crop');*/
background-position:0 -75px;
position: absolute;
top: 0px;
left: 0px;
float:left;
z-index:1;		
}

/*.contentSingle .nav.portfolio .navMask ul.navContent li div.image {
background:transparent url('../images/001/survol_thumb_HP.png') no-repeat 0 0;	
_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_thumb_CH.png', sizingMethod='crop');
}*/

.nav.portfolio .navMasks ul.navContent li div.image a {
	padding: 0px;
	background: none;
}

/*.nav.portfolio .navMask ul.navContent li div.details {
  background:none repeat scroll 0 0 #333333;
  color:#FFFFFF;
  cursor:pointer;
  float:left;
  height:13px;
  left:0;
  opacity:0.8;
  padding:1px 0 2px;
  position:absolute;
  text-align:center;
  text-shadow:1px 1px #000000;
  top:75px;
  width:188px;
  z-index:1;	
}

.nav.portfolio .navMask ul.navContent li div.details a {
	padding: 0px;
	color: #808080;
	background: none;
}*/

.nav.portfolio .navMasks ul.navContent li div.more a {
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	background: url('../images/001/list_item_BG.gif') 0px 4px no-repeat;
}

.nav.portfolio .navMasks ul.navContent h2 {
margin: 0px 0px 10px 0px;
}


.imgPortfolio {
float:right;
height:450px;
overflow:hidden;
position:relative;
width:197px;
}

/**************************************************
	HOME - PORTFOLIO
**************************************************/

.contentHome .contentPortfolioHome .nav.portfolio {
	width: 188px;
	height: 450px;
	position: relative;
	float: left;
	overflow: hidden;
}

.contentHome .contentPortfolioHome .nav.portfolio .navMasks ul.navContent {
	width: 188px;
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
}
	
.contentHome .contentPortfolioHome .nav.portfolio .navMasks ul.navContent li {
width: 188px;
height: 75px;
padding: 0;
font: 10px Tahoma;
text-transform: uppercase;
color: #FFFFFF;
background: #000000 ;
position: relative;
}

.contentHome .contentPortfolioHome .nav.portfolio .navMasks ul.navContent li:hover {
cursor:pointer;
}

.contentHome .contentPortfolioHome .nav.portfolio .navMasks ul.navContent li.paging {
display: none;
width: auto;
height: auto;
padding: 0px;
text-align: right;
background: none;
}

.contentHome .contentPortfolioHome .nav.portfolio .navMasks ul.navContent li.paging a {
	font: 10px Tahoma;
	line-height: 35px;
	color: #FFFFFF;
	padding: 0px 10px 0px 20px;
	background: #000000;
	display: inline-block;
}
/*

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li h4 {
font: 10px Tahoma;
margin-bottom: 10px;
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li div.image {
width: 137px;
height: 70px;
background:transparent url('../images/001/portfolio_BG.gif') no-repeat -30px 0;
position: absolute;
top: 0px;
left: 0px;
float:left;
z-index:1;		
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li div.image a {
	padding: 0px;
	background: none;
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li div.details {
color: #FFF;
background:none repeat scroll 0 0 black;
float:left;
height:70px;
left:147px;
position:absolute;
top:0;
width:100px;
z-index:2;
cursor: pointer;		
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li div.details a {
	padding: 0px;
	color: #808080;
	background: none;
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent li div.more a {
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	background: url('../images/001/list_item_BG.gif') 0px 4px no-repeat;
}

.contentHome .contentPortfolioHome .nav.portfolioHome .navMask ul.navContent h2 {
margin: 0px 0px 10px 0px;
}

.contentHome .detail {
float:right;
overflow:hidden;
position:relative;
width:613px;
height:40px;
margin-top:-70px;
}
*/

.contentHome .imgPortfolio {
float:right;
height:450px;
overflow:hidden;
position:relative;
/*width:562px;*/
width:750px;
}

.contentHome .imgPortfolio img {
width:100%;
height:100%;
}

/*.contentHome .imgPortfolio:hover {
  background:transparent url('../images/001/survol_img_HP.png') no-repeat 0 0;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_img_HP.png', sizingMethod='crop');
}*/

.contentHome .imgPortfolio:hover {
  background:transparent url('../images/001/survol_img_HP_big.png') no-repeat 0 0;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_img_HP_big.png', sizingMethod='crop');
}

.contentHome .imgPortfolio img:hover {
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.contentHome .contentText {
	position: absolute;
	top: 450px;
	line-height: 22px;
	width:	100%;
	color: #000000;
  font-family:arial;
  font-size:15px;
  text-align:justify;	
}

.contentHome .contentText h1 {
  font-size: 30px;
  font-weight: lighter;
  font-family: georgia;
  font-style: italic;
  margin-bottom:20px;
  margin-top:20px;
}

.contentHome .contentText h2 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  margin-top:22px;
  text-transform:uppercase;
}

.contentHome .contentText h3{
  margin-bottom:8px;
  color: #9B9B9B;
  font-style:italic;
  margin-top:2px;
}

.contentHome .contentText h4 {
  font-family:arial;
  font-size:14px;
  font-style:normal;
  font-weight:bolder;
  margin-top:20px;
  text-transform:none;
}

.contentHome .contentText .leftColone {
  float:left;
  padding-right:10px;
  /*padding-left:90px;*/
  width:360px;
  /*background: url('../images/avp-6-6-1.jpg') 0px 20px no-repeat;*/
  font-size:14px;
  height:100%;
  line-height:18px;
}

.contentHome .contentText .centerColone {
  border-right:1px dotted;
  float:left;
  width:1px;
  height: 100%;
  margin-top:20px;
  margin-bottom:50px;
}

.contentHome .contentText .rightColone {
	float: right;
	width: 370px;
  font-family:arial;
  font-size:12px;
  line-height:12px;
  text-align:justify;	
}


.contentHome .contentText .headTitle {
  background: url('../images/bandeGriseInverse.jpg') 0 0 no-repeat;  
  width:750px;
  height:34px;  
}

.contentHome .contentText .headTitle .leftColoneTitle {
  float:left;
  padding-right:10px;
  padding-left:10px;
  width:270px;
  background: none;	  
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter;
  line-height:34px;
  text-align:justify;     
}

.contentHome .contentText .headTitle .rightColoneTitle {
	float: right;
	width: 370px;	
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter; 
  line-height:34px;
  text-align:justify;  	
}

.contentHome .contentText .title {
  font-size: 30px;
  font-weight: lighter;
  font-family: georgia;
  font-style: italic;
}

.contentHome .contentText .text {
  font-size: 11px;
  text-align: justify;
}

.contentHome .contentText ul  {
  list-style:disc inside none;
}

.contentHome .contentText .rightColone .thumbnail{
  width:176px;
  height:128px;
  float:left;
  margin-right:10px;
  margin-top:22px;
}

.contentHome .contentText .rightColone .desc{
  width:184px;
  float:left;
  margin-right:0px;
}

.contentHome .rightColone .link {
  float: right;
  margin-bottom: 6px;
}

/**************************************************
	CHAMBRES - PORTFOLIO
**************************************************/

.contentChambres .contentPortfolioChambre .portfolioChambre {
	width: 750px;
	height: 350px;
	position: relative;
	float: left;
	overflow: hidden;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent {
	width: 760px;
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
}
	
.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li {
  /*width: 150px;*/
  width: 125px;
  height: 450px;
  padding: 0;
  font: 10px Tahoma;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #000000;
  position: relative;
  float: left;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li:hover {
	color: #000000;
	background: #FFFFFF;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li:hover p.more a {
	color: #000000;
	background: url('../images/001/list_item_HOVER_BG.gif') 0px 4px no-repeat;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li.paging {
  width: auto;
  height: auto;
  padding: 0px;
  text-align: right;
  background: none;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li.paging a {
	font: 10px Tahoma;
	line-height: 35px;
	color: #FFFFFF;
	padding: 0px 10px 0px 20px;
	background: #000000;
	display: inline-block;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li h4 {
  font: 10px Tahoma;
  margin-bottom: 10px;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li div.image {
  /*width: 150px;*/
  width: 125px;
  height: 450px;
  position: absolute;
  top: 0px;
  float:left;
  z-index:10;
  background-position: 0px 0px;
  cursor: pointer;		
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li div.image:hover {
  /*background-position: -150px 0px;*/
  background-position: right 0px;  		
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li div.image a {
	padding: 0px;
	background: none;
}

.contentChambres .contentPortfolioChambre .portfolioChambre .navMask ul.navContent li div.more a {
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	background: url('../images/001/list_item_BG.gif') 0px 4px no-repeat;
}

.contentChambres .contentPortfolioChambre  .portfolioChambre .navMask ul.navContent h2 {
  margin: 0px 0px 10px 0px;
}


.contentChambres .contentPortfolioChambre .imgPortfolio {
  float:right;
  height:450px;
  overflow:hidden;
  position:relative;
  width:188px;
}

.contentChambres .contentText {
	position: absolute;
	top: 350px;
	line-height: 18px;
	width:	100%;
	color: #000000;
  font-family:arial;
  font-size:15px;
  text-align:justify;		
}

.contentChambres .contentText h1 {
  font-size: 30px;
  font-weight: lighter;
  font-family: georgia;
  font-style: italic;
  margin-bottom:20px;
  margin-top:20px;
}

.contentChambres .contentText h2 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  text-transform:uppercase;
  margin-bottom:10px;
  margin-top:20px;
}

.contentChambres .contentText .headTitle {
  background: url('../images/bandeGriseInverse.jpg') 0 0 no-repeat;  
  width:750px;
  height:34px;  
}

.contentChambres .contentText .headTitle .leftColoneTitle {
  float:left;
  padding-right:10px;
  padding-left:10px;
  width:360px;
  background: none;	  
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter;
  line-height:34px;
  text-align:justify;     
}

.contentChambres .contentText .headTitle .rightColoneTitle {
  background: url('../images/etages.png') 0 58px no-repeat;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/etages.png', sizingMethod='crop');  
	float: right;
	width: 181px;	
	height: 136px;
	margin-top:-68px;
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter; 
  line-height:30px;
  text-align:justify;  	
}

.contentChambres .contentText .leftColone {
  float:left;
  padding-right:10px;
  width:360px;
  margin-top:35px;
}

.noMarginTop {
  margin-top:0px ! important;
}

.contentChambres .contentText .centerColone {
  border-right:1px dotted;
  float:left;
  width:1px;
  height: 100%;
  margin-top:55px;
}

.contentChambres .contentText .rightColone {
	float: right;
	width: 370px;
}

.contentChambres .contentText ul  {
  list-style:disc inside none;
}

/**************************************************
	MAISON - PORTFOLIO
**************************************************/
.contentPortfolioMaison .nav.portfolio {
	width: 137px;
	height: 350px;
	position: absolute;
	float: left;
	overflow: hidden;
}
.contentMaison .contentPortfolioMaison .nav.portfolio {
	width: 137px;
	height: 350px;
	position: relative;
	float: left;
	overflow: hidden;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent {
	width: 137px;
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
}
	
.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li {
width: 137px;
height: 70px;
padding: 0;
font: 10px Tahoma;
text-transform: uppercase;
color: #FFFFFF;
background: #000000;
position: relative;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li:hover {
	color: #000000;
	background: #FFFFFF;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li:hover p.more a {
	color: #000000;
	background: url('../images/001/list_item_HOVER_BG.gif') 0px 4px no-repeat;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li.paging {
width: auto;
height: auto;
padding: 0px;
text-align: right;
background: none;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li.paging a {
	font: 10px Tahoma;
	line-height: 35px;
	color: #FFFFFF;
	padding: 0px 10px 0px 20px;
	background: #000000;
	display: inline-block;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li h4 {
font: 10px Tahoma;
margin-bottom: 10px;
}

/*.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.image {
width: 137px;
height: 70px;
background:transparent url('../images/001/portfolio_BG.gif') no-repeat -30px 0;
position: absolute;
top: 0px;
left: 0px;
float:left;
z-index:1;		
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.image a {
	padding: 0px;
	background: none;
}*/

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.details {
color: #FFF;
background:none repeat scroll 0 0 black;
float:left;
height: 13px;
left: 0;
position:absolute;
top:0;
display:none;
width:137px;
z-index:1;
cursor: pointer;		
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.details a {
	padding: 0px;
	color: #808080;
	background: none;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.more a {
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	background: url('../images/001/list_item_BG.gif') 0px 4px no-repeat;
}

.contentMaison .contentPortfolioMaison .nav.portfolio .navMask ul.navContent h2 {
margin: 0px 0px 10px 0px;
}


.contentMaison .imgPortfolio {
float:right;
height:350px;
overflow:hidden;
position:relative;
width:613px;
}

.contentMaison .contentText {
	position: relatif;
	top: 350px;
	line-height: 22px;
	width:	100%;
	color: #000000;
  font-family:arial;
  font-size:15px;
  text-align:justify;	
}

.contentMaison .contentText h1 {
  font-size: 30px;
  font-weight: lighter;
  font-family: georgia;
  font-style: italic;
  margin-bottom:20px;
  margin-top:20px;
}

.contentMaison .contentText h2 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  text-transform:uppercase;
  margin-bottom:10px;
  margin-top:20px;
}

.contentMaison .contentText .headTitle {
  background: url('../images/bandeGriseInverse.jpg') 0 0 no-repeat;  
  width:750px;
  height:34px;  
}

.contentMaison .contentText .headTitle .leftColoneTitle {
  float:left;
  padding-right:10px;
  padding-left:10px;
  width:270px;
  background: none;	  
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter;
  line-height:34px;
  text-align:justify;     
}

.contentMaison .contentText .headTitle .rightColoneTitle {
	float: right;
	width: 370px;	
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter; 
  line-height:34px;
  text-align:justify;  	
}

.contentMaison .contentText .leftColone {
  float:left;
  padding-right:10px;
  width:360px;
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;  
}

.contentMaison .contentText .leftColone .leftColoneDetailSalon {
  background: url('../images/etage0.jpg') 0 0 no-repeat;
  padding-left:60px;
  height:74px;
}

.contentMaison .contentText .leftColone .leftColoneDetailTerrasse {
  background: url('../images/etage4.jpg') 0 0 no-repeat;
  padding-left:60px;
}
.contentMaison .contentText .centerColone {
  border-right:1px dotted;
  float:left;
  width:1px;
  height: 100%;
  margin-top:20px;
}

.contentMaison .contentText .rightColone {
	float: right;
	width: 370px;
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;	
}

.contentMaison .contentText ul  {
  list-style:disc inside none;
}

.contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.imageMask {
background: #FFFFFF;
float:left;
height:70px;
left:0;
position:absolute;
top:0;
width:137px;
z-index:1;
}

.contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.image {
width: 137px;
height: 70px;
background:transparent url('../images/001/survol_thumb_CH.png') no-repeat 0 0;
_background-image:none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_thumb_HP.png', sizingMethod='crop');
position: absolute;
top: 0px;
left: 0px;
float:left;
z-index:1;		
}


.contentPortfolioMaison .nav.portfolio .navMask ul.navContent li {
width: 137px;
height: 70px;
padding: 0;
font: 10px Tahoma;
text-transform: uppercase;
color: #FFFFFF;
background: #000000;
position: relative;
}

.contentPortfolioMaison .nav.portfolio .navMask ul.navContent li div.details {
  top:70px;
  width:137px;
}
/**************************************************
 * language
 **************************************************/
 
.language {
    color: #FFFFFF;
    display: block;
    height: 50px;
    left: 755px;
    position: absolute;
    top: 180px;
    z-index:500;
} 

.imgNavLang {
  background-position : 0 0;
  height:10px;
  margin-bottom: 5px;
  width: 17px;  
}


.imgNavLang-fr {
  background-image: url('../images/fr.gif');
}

.imgNavLang-en {
  background-image: url('../images/en.gif');
  width: 18px;
}

.imgNavLang-sp {
  background-image: url('../images/sp.gif');
  width: 18px;
} 

.current .imgNavLang {
  background-position : 0 -10px;
}

/**************************************************
	Reseau Sociaux

<div class="contentSubscribe">
  <form method="post" action="http://www.auvieuxpanier.com/fr/newsletter">
    <input type="hidden" name="ip" value="82.239.235.131">
    <p style="float: left;">
    <label for="s2email" style="color: rgb(140, 141, 143);">Votre adresse mail :</label><br>
    <input type="text" name="email" id="s2email" value="Saisissez votre adresse mail..." size="20" onfocus="if (this.value == 'Saisissez votre adresse mail...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Saisissez votre adresse mail...';}"></p>
    <p><input type="submit" name="subscribe" value="Ok"></p>
  </form>
</div>  
  
**************************************************/
 
a.subscribeBtn.actif,
a.subscribeBtn:hover {
    opacity: 0.5;
}

.reseausociaux {
  width:24px;
}

.contentSubscribe {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #8C8D8F;
    border-radius: 10px 0 10px 10px;
    float: left;
    left: -200px;
    padding: 8px;
    position: absolute;
    top: 160px;
    width: 180px;
    z-index: 10000;
}

.contentSubscribe p {
  float: left;
}

.contentSubscribe label {
  color: #8C8D8F;
}

.contentSubscribe #s2email {
    font-size: 11px;
    width: 145px;
}

.contentSubscribe input[name="subscribe"] {
    float: left;
    font-size: 11px;
    height: 18px;
    margin-right: 0;
    margin-top: 14px;
    width: 30px ! important;
}


/**************************************************
	SINGLE - PORTFOLIO
**************************************************/
.contentSingle .contentPortfolioSingle .nav.portfolioSingle {
	width: 188px;
	height: 450px;
	position: relative;
	float: left;
	overflow: hidden;
}

.contentSingle .contentPortfolioSingle .nav.portfolioSingle .navMasks ul.navContent {
	width: 188px;
	position: relative;
	top: 0px;
	padding: 0px 0px 30px 0px;
	z-index: 12;
}
	
.contentSingle .contentPortfolioSingle .nav.portfolioSingle .navMasks ul.navContent li {
width: 188px;
height: 75px;
padding: 0;
font: 10px Tahoma;
text-transform: uppercase;
color: #FFFFFF;
background: #000000 ;
position: relative;
}

.contentSingle .contentPortfolioSingle .nav.portfolioSingle .navMasks ul.navContent li:hover {
cursor:pointer;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li.paging {
  width: auto;
  height: auto;
  padding: 0px;
  text-align: right;
  background: none;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li.paging a {
	font: 10px Tahoma;
	line-height: 35px;
	color: #FFFFFF;
	padding: 0px 10px 0px 20px;
	background: #000000;
	display: inline-block;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li h4 {
  font: 10px Tahoma;
  margin-bottom: 10px;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li div.image {
  width: 188px;
  height: 75px;
  background:transparent url('../images/001/portfolio_BG.gif') no-repeat -30px 0;
  position: absolute;
  top: 0px;
  left: 0px;
  float:left;
  z-index:1;		
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li div.image a {
	padding: 0px;
	background: none;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li div.details {
  color: #FFF;
  background:none repeat scroll 0 0 black;
  float:left;
  height:75px;
  left:147px;
  position:absolute;
  top:0;
  width:100px;
  z-index:2;
  cursor: pointer;		
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li div.details a {
	padding: 0px;
	color: #808080;
	background: none;
}

.contentSingle .contentPortfolioSingle .portfolioSingle .navMasks ul.navContent li div.more a {
	padding: 0px 0px 0px 8px;
	color: #FFFFFF;
	background: url('../images/001/list_item_BG.gif') 0px 4px no-repeat;
}

.contentSingle .contentPortfolioSingle  .portfolioSingle .navMasks ul.navContent h2 {
  margin: 0px 0px 10px 0px;
}


.contentSingle .contentPortfolioSingle .imgPortfolio {
  float:right;
  height:350px;
  overflow:hidden;
  position:relative;
  width:147px;
}

.contentSingle .contentText {
	position: absolute;
	top: 350px;
	line-height: 22px;
	width:	100%;
	color: #000000;
  margin-top:-350px;
  font-family: times New Roman;
}

.contentSingle .contentText h1 {
  font-weight: bolder;
  font-family:trebuchet MS;
  font-size:14px;
  line-height:14px;
  font-style:normal;
  margin: 20px 0;
  text-transform:none;
  background:#FFFFFF none repeat scroll 0 0;
  color:#000000;
  float:none;  
  letter-spacing:0;
  padding:0;  
  text-align:left;
  text-transform:none;  
}

.contentSingle .contentText h2 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  text-transform:uppercase;
  margin-bottom:10px;
  margin-top:20px;
  background:#FFFFFF none repeat scroll 0 0;
  color:#000000;
  float:none;  
  letter-spacing:0;
  padding:0;  
  text-align:left;
  text-transform:normal;  
}

.contentSingle .contentText .ngg {
  float: right;
  height: 450px;
  overflow: hidden;
  position: relative;
  width: 562px;
}

.contentSingle-2376 .contentText .ngg {
  float: right;
  height: 600px;
  overflow: hidden;
  position: relative;
  width: 750px;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser {
  padding:0 0 30px;
  position:relative;
  left:0;
  width:562px;
	height: 450px;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id {
  float: left;
  width: 562px;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .pic{
  width:562px;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav{
  width:562px;
  position:relative;
}

.contentSingle-2376 .contentText .ngg .ngg-mask .ngg-imagebrowser ,
.contentSingle-2376 .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id ,
.contentSingle-2376 .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .pic,
.contentSingle-2376 .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav{
  width:750px;
}

.contentSingle-2376 .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .pic img {
  width: 100%;
  height: 100%;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser h3 {
  display: none; 
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav {
  margin-top:-367px;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav .ngg-browser-back {
	float:left;
	width: 250px;
	height: 460px;
	cursor:pointer;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav .ngg-browser-back:hover {
  background:transparent url('../images/001/survol_img_GAL_left.png') no-repeat 0 0;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_img_GAL_left.png', sizingMethod='crop');  
	/*
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	*/
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav .ngg-browser-next {
	float: right;
	width: 250px;
	height: 450px;
	cursor:pointer;
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav .ngg-browser-next:hover {
  background:transparent url('../images/001/survol_img_GAL_right.png') no-repeat 0 0;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/survol_img_GAL_right.png', sizingMethod='crop');  
	/*
  filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	*/
}

.contentSingle .contentText .ngg .ngg-mask .ngg-imagebrowser .ngg-imagebrowser-id .ngg-imagebrowser-nav .counter {
	text-align: center;
	font-size: 0.9em !important;
  display: none;
}

.contentSingle .contentText .ngg-imagebrowser-navNumber {
	float:left;
  width: 750px;
}

.contentSingle .contentText .ngg-imagebrowser-navNumber ul {
  float:right;
  height:25px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:10px -5px -20px;
  position:relative;
  z-index:2000;
}

.contentSingle .contentText .ngg-imagebrowser-navNumber li {
  color:#585858;
  cursor:pointer;
  float:left;
  padding:5px 5px;
  text-align:center;
  font-family:trebuchet MS;
  font-size:16px;
  font-style:normal;
  font-weight:bolder;
  text-transform:uppercase;  
}

.contentSingle .contentText .ngg-imagebrowser-navNumber li.current {
  color:#000000;
}

.contentSingle .contentText .headTitle {
  background: url('../images/bandeGrise.jpg') 0 center no-repeat;  
  width:750px;
  height:110px;  
  float:left;  
}

.contentSingle-1870 .contentText .headTitle .titleLogo,
.contentSingle-1869 .contentText .headTitle .titleLogo,
.contentSingle-2211 .contentText .headTitle .titleLogo {
  padding-top: 36px;
}

.contentSingle .contentText .headTitle .leftColoneTitle {
  float:left;
  padding-right:10px;
  padding-left:10px;
  width:270px;
  background: none;	  
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter;
  line-height:30px;
  text-align:justify;     
}

.contentSingle .contentText .headTitle .rightColoneTitle {
	float: right;
	width: 370px;	
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter; 
  line-height:30px;
  text-align:justify;  	
}

.contentSingle .contentText .leftColone {
  float:left;
  padding-right:10px;
  width:360px;
  line-height:16px;
  text-align:justify;
}

.contentSingle .contentText .centerColone {
  border-right:1px dotted;
  float:left;
  width:1px;
  height: 100%;
}

.contentSingle .contentText .rightColone {
	float: right;
	width: 370px;
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;
}

.contentSingle .contentText ul  {
  list-style:disc inside none;
}

/**************************************************
	FOOTER
**************************************************/

.footer {
	width: 100%;
	height: 30px;
	background: url('../images/001/footer_BG.png') repeat-x;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/footer_BG.png', sizingMethod='crop');	
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.footer .icons {
	padding: 7px 0px 0px 10px;
	float: left;
}

	.footer .icons ul.list li {
		float: left;
		margin-right: 5px;
	}
	
		.footer .icons ul.list li a {
			width: 16px;
			height: 16px;
			display: block;
			background: #FFFFFF;
		}
		
			.footer .icons ul.list li a span {
				display: none;
			}
		
		.footer .icons ul.list li.FEED a {
			background: url('../images/001/icon_FEED.gif') no-repeat;
		}
			.footer .icons ul.list li.FEED a:hover {
				background: url('../images/001/icon_FEED.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.FLICKR a {
			background: url('../images/001/icon_FLICKR.gif') no-repeat;
		}
			.footer .icons ul.list li.FLICKR a:hover {
				background: url('../images/001/icon_FLICKR.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.TWITTER a {
			background: url('../images/001/icon_TWITTER.gif') no-repeat;
		}
			.footer .icons ul.list li.TWITTER a:hover {
				background: url('../images/001/icon_TWITTER.gif') 0px -16px no-repeat;
			}
			
		.footer .icons ul.list li.FACEBOOK a {
			background: url('../images/001/icon_FACEBOOK.gif') no-repeat;
		}
			.footer .icons ul.list li.FACEBOOK a:hover {
				background: url('../images/001/icon_FACEBOOK.gif') 0px -16px no-repeat;
			}

.footer .copyright {
	font: 10px Tahoma;
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
}

	.footer .copyright a {
		color: #FFFFFF;
	}

/***********************************************************
	LOADING
***********************************************************/

.loading {
	width: 248px;
	height: 36px;
	padding-top: 17px;
	margin: -48px 0px 0px -124px;
	text-align: center;
	background: url('../images/001/loading_BG.png') no-repeat;
  _background-image:none;
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/loading_BG.png', sizingMethod='crop');	
	position: absolute;
	left: 50%;
	top: 50%;
	display: none;
}

/***********************************************************
	BACKGROUND
***********************************************************/

#background {
	width: 562px;
	margin-left: 188px;	
	height: 100%;
	font-size: 0px;
	left: 0px;
	z-index: -1;
	text-align: center;
	float: right
}

	#background img {
		position: absolute;
		top: 250px;
		left: 0px;
		display: block;
	}
	
	#background div.gradient .right,
	#background div.gradient .left {
		width: 600px;
		height: 100%;
		position: absolute;
		top: 250px;
	}
	
	#background div.gradient .right {
		background: url('../images/001/gradient_right_BG.png') repeat-y;
    _background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/gradient_right_BG.png', sizingMethod='crop');			
		right: 0px;
	}
	
	#background div.gradient .left {
		background: url('../images/001/gradient_left_BG.png') repeat-y;
		_background-image:none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.auvieuxpanier.com/wp-content/themes/auvieuxpanier/images/001/gradient_left_BG.png', sizingMethod='crop');	
		left: 0px;
	}
	
/***********************************************************
	LIGHTBOX
***********************************************************/

a.lightbox {
	padding: 0px;
	background: none;
}

#jquery-overlay {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
}

#jquery-lightbox {
	width: 100%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#lightbox-container-image-box {
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background: #FFFFFF;
	position: relative;
}

#lightbox-container-image {
	padding: 10px;
}

#lightbox-loading {
	width: 100%;
	height: 25%;
	text-align: center;
	line-height: 0;
	position: absolute;
	top: 40%;
	left: 0%;
}

#lightbox-nav {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}

#lightbox-nav a {	
	outline: none;
}

#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}

#lightbox-container-image-data-box {
	width: 100%;
	padding: 0 10px 0;
	margin: 0 auto;
	line-height: 16px;
	background: #FFFFFF;
	overflow: auto;
}

#lightbox-container-image-data {
	color: #303030;
}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	text-align: left; 
	float: left; 
}

#lightbox-image-details-caption {
	font-weight: bold;
}

#lightbox-image-details-currentNumber {
	padding: 5px 0px 10px 0px;
	display: block; 
	clear: left; 
}
	
#lightbox-secNav-btnClose {
	width: 17px; 
	padding-bottom: 0.7em;	
	float: right;
}

.sliderMask .sliderContent .nocomments {
	display: none;
}

/* reserver */
.contentPage .offer { 
background-color:#ffffff;
font: 18px Tahoma, Arial, Verdana, Helvetica, sans-serif;
background-color: #D94335;
color:#fff;
font-weight: bold;
text-align: center;
display:block;
}

.contentPage .offer A:link {
color: #fff;
text-decoration: none;
display:block;
background-image: url('images/arrow.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage .offer A:visited {
color: #fff;
text-decoration: none;
display:block;
}

.contentPage .offer A:hover {
background-color: #01B1C1;
color: #000;
text-decoration: none;
display:block;
}

.contentPage .car { 
font: 18px Tahoma, Arial, Verdana, Helvetica, sans-serif;
background-color:#01B1C1;
color:#000;
font-weight: normal;
text-align: center;
display:block;
}

.contentPage .car A:link {
color: #000;
text-decoration: none;
display:block;
background-image: url('images/arrow.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage .car A:visited {
color: #000;
text-decoration: none;
display:block;
background-image: url('images/arrow.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage .car A:hover {
background-color:  #D94335;
color: #fff;
text-decoration: none;
display:block;
background-image: url('images/arrow.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage select, .contentPage input, .contentPage textarea {
  BACKGROUND-COLOR: #F1F1F1;
  BORDER-BOTTOM: #cccccc 1px solid;
  BORDER-LEFT: #cccccc 1px solid;
  BORDER-RIGHT: #cccccc 1px solid;
  BORDER-TOP: #cccccc 1px solid;
  COLOR: #000000;
  FONT-FAMILY: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-weight: normal;
  FONT-SIZE: 11px;
  width:355px;
  margin-bottom:20px;
}

.contentPage .bedRoom {
  margin-bottom:8px;
  vertical-align:middle;
  width:90px;
}

.contentPage input.selectRoom {
  margin-bottom:25px;
  width:55px;
}

.contentPage .logoRoom {
  vertical-align:middle;
}

.contentPage #envoiformulaire {
  background-image: url('../images/bt_soumettre.gif');
  background-repeat: no-repeat;
  height:18px;
  width:103px;
  background-color: transparent;
  border: none;
  cursor:pointer;
}

body.en .contentPage #envoiformulaire {
  background-image: url('../images/bt_soumettre_uk.gif');
}

.contentPage li {
list-style-image:url('images/orange5.gif');
}

.contentPage hr {
color: #ACABB2;
background-color: #ACABB2;
height: 1px;
border: 0;
width: 100%;
margin-bottom: 0px;
margin-top: 0px;
}

.contentPage .zoom {
FONT-SIZE: 11px; 
margin:0px; 
COLOR: #000000;  
FONT-WEIGHT: normal;  
font-style : normal; 
FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.contentPage .key {
FONT-SIZE: 10px; 
margin:0px; 
COLOR: #666666;  
FONT-WEIGHT: normal;  
font-style : normal; 
FONT-FAMILY:  Tahoma, Arial, Verdana, Helvetica, sans-serif;
}

.contentPage .headTitle {
  background: url('../images/bandeGriseInverse.jpg') 0 center no-repeat;  
  width:750px;
  height:34px;  
  float:left;  
}

.contentPage .headTitle .leftColoneTitle {
  float:left;
  padding-right:10px;
  padding-left:10px;
  width:270px;
  background: none;	  
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter;
  line-height:30px;
  text-align:justify;     
}

.contentPage .headTitle .rightColoneTitle {
	float: right;
	width: 370px;	
  font-family:georgia;
  font-size:30px;
  font-style:italic;
  font-weight:lighter; 
  line-height:30px;
  text-align:justify;  	
}

.contentPage .leftColone {
  float:left;
  padding-right:10px;
  width:360px;
  line-height:16px;
}

.contentPage .leftColone {
 
  padding-right:10px;
  
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;  
}

.contentPage .leftColone #AVP select{
  width: auto;
}

.contentPage .leftColone .leftColoneDetail .leftColoneDetailJess {
  float:left;
  padding-left:0;
  width:370px;
}

.contentPage .leftColone .leftColoneDetail .leftColoneDetailPako {
  float:left;
  padding-left:0;
  width:180px;
}

.contentPage .centerColone {
  border-right:1px dotted;
  float:left;
  width:1px;
  height: 100%;
}

.contentPage .rightColone {
	float: right;
	width: 370px;
  font-family:arial;
  font-size:13px;
  line-height:13px;
  text-align:justify;
}

.contentPage .centerColone {
border-right:1px dotted;
float:left;
height:100%;
margin-top:12px;
width:1px;
margin-bottom:50px;
}	
	
.contentPage h1 {
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  margin-top:10px;
  line-height:16px;
  text-transform:uppercase;
  color: #ec7874;
}

.contentPage h1 a:link {
color: #ec7874;
text-decoration: none;
}

.contentPage h1 a:visited {
color: #ec7874;
text-decoration: none;
}

.contentPage h1 a:active {
color: #ec7874;
text-decoration: none;
}

.contentPage h1 a:hover {
color: #ec7874;
text-decoration: none;
}

.contentPage h2 {
  color: #353535;
  font-family:trebuchet MS;
  font-size:13px;
  font-style:normal;
  font-weight:bolder;
  margin-top:10px;
  line-height:16px;
  text-transform:uppercase;
}

.contentPage h3{
  margin-bottom:2px;
  font-style:normal;
  margin-top:2px;
  font-size:13px;
  line-height:16px;
  font-weight:bolder;
}

.contentPage h4 {
  font-family:arial;
  font-size:14px;
  font-style:normal;
  font-weight:bolder;
  margin-top:20px;
  text-transform:none;
}

.contentPage .border {
BORDER-top: #cccccc 1px solid; 
BORDER-bottom: #cccccc 1px solid; 
BORDER-left: #cccccc 1px solid; 
BORDER-right: #cccccc 1px solid; 
}

.contentPage .border2 {
BORDER-bottom: #333333 1px solid; 
}

.contentPage .tdbg{ 
background-image: url('images/el.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

.contentPage .tdbg2{ 
background-image: url('images/p.gif');
background-repeat: no-repeat;
background-position: top left;
}

.contentPage .tdbg1{ 
background-image: url('images/bgr1.gif');
background-repeat: repeat-y;
}

.contentPage .tdbg-left{ 
background-image: url('images/bgr-left.gif');
background-repeat: repeat-x;
}

.contentPage .tdbgr-right{ 
background-image: url('images/bgr-right.gif');
background-repeat: repeat;
}

.contentPage .top {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
text-align: center;
color: #BDB69C;
font-style : normal; 
font-weight: bold;
}

.contentPage .more  {
color:#EC7874;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:8px;
font-weight: bold;
font-style : normal; 
text-transform: uppercase;
}


body.en .contentPage .champsTitle .mores {
  display: inline;
  float: left;
  width: 210px;
  color:#EC7874;
  font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
  font-size:8px;
  font-weight: bold;
  font-style : normal; 
  text-transform: uppercase;    
}

.contentPage strong .more  {
font-size:12px;
}

.contentPage p {
font-family:arial;
}

.contentPage .form .champsTitle {
float:left;
width:135px;
height:30px;
}

.contentPage .form .arrivalTitle {
float:left;
width:55px;
height:30px;
margin-top:10px;
}

.contentPage .form .arrivalDiv {
float:left;
width:300px;
height:30px;
margin-top:10px;
}

.contentPage .form .champsInput {
float:left;
height:30px;
margin-left:-70px;
text-align:right;
width:290px;
}

.contentPage .form .champsText {
float:left;
text-align:left;
width:360px;
}

.contentPage .form .champsInput select {
margin-right:10px;
text-align:center;
width:60px;
}

.contentPage .form .adress {
height:90px;
}

.contentPage .form .arrival {
width:50px;
}

.contentPage .form .msg {
width:360px;
margin-left:-7px;
height:110px;
}

.contentPage .form .msg textarea {
width:350px;
}

.contentPage .form .formButton {
width:350px;
float:left;
margin-top:20px;
}

.contentPage .form .arrivalSelect {
  margin-right:2px;
  text-align:center;
  width:55px;
}

.contentPage .form .inputSmall {
width:175px;
}

.contentPage .form .inputLarge {
width:225px;
}

.contentPage .form .inputBig {
width:225px;
}

.contentPage .black {
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #01B1C1;
font-style : normal; 
font-weight: normal;
}

.contentPage .black A:link {
color: #01B1C1;
text-decoration: none;
font-weight: bold;
}

.contentPage .black A:visited {
color: #01B1C1;
text-decoration: none;
font-weight: bold;
}

.contentPage .black A:hover {
color: #cccccc;
text-decoration: none;
font-weight: bold;
}

.contentPage span {
color: #B2B2B2;
text-decoration: none;
}

.contentPage a:link {
color: #B2B2B2;
text-decoration: none;
}

.contentPage a:visited {
color: #B2B2B2;
text-decoration: none;
}

.contentPage a:active {
color: #B2B2B2;
text-decoration: none;
}

.contentPage a:hover {
color: #000000;
text-decoration: none;
}

.contentPage a.more:visited {
font-size: 12px;
font-style : normal; 
font-weight : normal; 
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; 
color : #7F7A61; 
text-decoration : none; 
}

.contentPage a.more:link {
font-style : normal; 
font-weight : normal; 
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
color : #0F4E9B; 
text-decoration : none; 
}

.contentPage a.more:hover {
font-style : normal; 
font-weight : normal; 
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif; 
color : #CD5D02; 
text-decoration : none; 
}

.contentPage a.more:active {
font-style : normal; 
font-weight : normal; 
font-family : Tahoma, Arial, Verdana, Helvetica, sans-serif;
text-decoration : none; 
}

.contentPage .white{
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
padding-left: 10px;
}

.contentPage .white2{
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #D5DCDF;
padding-left: 10px;
}

.contentPage .white A:link {
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #D9DEE1;
text-decoration: none;
}

.contentPage .white A:visited {
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #D9DEE1;
text-decoration: none;
}

.contentPage .white A:hover {
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
text-decoration: none;
}

.contentPage .titlel{
font: 18px  Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #000000;
font-weight: bold;
font-style : normal;
}

.contentPage .title-sm{
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #1D4493;
font-weight: normal;
font-style : normal;
}

.contentPage .titlew{
font: 14px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
font-weight: bold;
font-style : normal;
}

.contentPage .titlew A:link {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.contentPage .titlew A:visited {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.contentPage .titlew A:hover {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
color: #EAE4BF;
text-decoration: none;
}

.contentPage .email {
font: 10px  Verdana, Tahoma, Arial, Helvetica, sans-serif;
color: #ffffff;
font-style : normal; 
font-weight: normal;
}

.contentPage .email A:link {
color: #ffffff;
text-decoration: none;
}

.contentPage .email A:visited {
color: #ffffff;
text-decoration: none;
}

.contentPage .email A:hover {
color: #cccccc;
text-decoration: none;
}

.contentPage .address {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #ffffff;
font-style : normal; 
font-weight: normal;
background-image: url('images/bgr.gif');
background-repeat: repeat-y;
}

.contentPage .address A:link {
color: #ffffff;
text-decoration: underline;
}

.contentPage .address A:visited {
color: #ffffff;
text-decoration: underline;
}

.contentPage .address A:hover {
color: #ffffff;
text-decoration: underline;
}

.contentPage .cr {
font: 9px verdana, arial;
color: #9796A0;
text-decoration: none;
}

.contentPage .cr A:link {
color: #9796A0;
text-decoration: none;
}

.contentPage .cr A:visited {
color: #9796A0;
text-decoration: none;
}

.contentPage .cr A:hover {
color: #666666;
text-decoration: none;
}

.contentPage .cr_nl {
font: 9px verdana, arial;
color: #9796A0;
cursor: text;
}

.contentPage .cr_nl A:link {
color: #9796A0;
text-decoration: none;
cursor: text;
}

.contentPage .cr_nl A:visited {
color: #9796A0;
text-decoration: none;
cursor: text;
}

.contentPage .cr_nl A:hover {
color: #9796A0;
text-decoration: none;
cursor: text;
}

.contentPage .formtd_two {
font: 9px arial,Verdana;
color: #E45F00;
text-decoration: none;
}

.contentPage .links {
font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #7F7F7F;
text-decoration: none;
font-weight: normal;
}

.contentPage .links A:link {
color: #01B1C1;
text-decoration: none;
font-weight: normal;
}

.contentPage .links A:visited {
color: #01B1C1;
text-decoration: none;
font-weight: normal;
}

.contentPage .links A:hover {
color: #666666;
text-decoration: none;
font-style : normal;
}

.contentPage .home {
font: 10px Tahoma, Arial, Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
text-align: right;
padding-right: 20px;
font-weight:bold;
}

.contentPage .home A:link {
color: #666666;
text-decoration: none;
text-align: right;
}

.contentPage .home A:visited {
color: #666666;
text-decoration: none;
text-align: right;
}

.contentPage .home A:hover {
color: #333333;
text-decoration: none;
font-style : normal;
text-align: right;
}

.contentPage .Menu {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight:bold;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 0px;
text-align:right;
display:block;
text-indent: 20px;
}

.contentPage .Menu UL {
margin: 0px;
padding-bottom: 0px;
padding-left: 0px;
line-height:21px;
width:158px;
}

.contentPage .Menu {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 0px;
text-align:right;
display:block;
line-height:20px;
width:158px;
}

.contentPage .Menu UL {
margin: 0px;
padding-bottom: 0px;
line-height:21px;
width:158px;
}

.contentPage .Menu LI span {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight:bold;
list-style-type: none;
margin-bottom: 0px;
padding-bottom: 0px;	
padding-right: 12px;
display:block;
line-height:21px;
width:158px;
background-image: url('images/orange.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage .red{
font-size: 18px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #b90042;
font-weight:normal;
}

.contentPage .table{
padding:10px;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif; 
color: #666666;
font-weight:normal;
border: 1px solid #01b1c1;
}

.contentPage .Menu LI i {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 17px;
color: #00eaff;
font-weight:normal;
font-style:normal;
list-style-type: none;
margin-bottom: 0px;
padding-bottom: 0px;	
padding-right: 0px;
display:block;
line-height:21px;
width:158px;
cursor:pointer;
}

.contentPage .Menu LI {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight:bold;
list-style-type: none;
padding-right: 10px;
margin-bottom: 0px;
padding-bottom: 0px;
display:block;
line-height:21px;
width:158px;
list-style-image:url('');
}

.contentPage .Menu a { 
display: block; 
}

.contentPage .Menu a:link,.Menu a:visited {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #ffffff;
text-decoration: none;
display:block;
line-height:21px;
width:158px;
}

.contentPage .Menu a:hover {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #cccccc;
text-decoration: none;
line-height:21px;
display:block;
padding-right: 12px;
width:158px;
background-image: url('images/orange.gif');
background-repeat: no-repeat;
background-position: right;
}

.contentPage .Menu a:active {
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight:normal;
color: #cccccc;
text-decoration: none;
line-height:21px;
display:block;
width:158px;
}

.contentPage .menu1 {
font-size: 9px;
font-family: Verdana, Arial;
text-decoration: none;
color: #ADD8E6;
}

.contentPage .menu2 {
width: 100%;
/* background: #eee none;  */
font-size: 11px;
font-family: Verdana, Arial;
text-decoration: none;
border-bottom: 1px solid #CBCBD4;
list-style-type: disc;
}

.contentPage .menu1 ul {
list-style-type: none;
}

.contentPage .menu2 ul {
margin: 1px 1px 3px 1px;
padding: 3px 1px 1px 1px;
list-style-type: disc;
display: block;
}

.contentPage .menu1 li, .menu2 li {
display: block;
list-style-type: disc;
float: left;
}

.contentPage .menu1 li {
list-style-type: disc;
padding-right: 1em;
}

.contentPage .menu2 li {
list-style-type: disc;
width: 35%;
text-decoration: none;
}

.contentPage .menu1 a {
text-decoration: none;
color: Gray;
}

.contentPage .menu2 a {
list-style-type: disc;
text-decoration: none;
}

.contentPage .menu2 a:hover {
list-style-type: disc;
text-decoration: none;
color: white;
font-weight: bold;
background-color: Red;
}

.contentPage {
  color:#000000;
	padding-bottom:20px;
}

.jessMail {
background:url("../images/jess_mail.gif") no-repeat scroll 0 0 transparent;
display:block;
height:15px;
}

.contactMail {
background:url("http://www.auvieuxpanier.com/wp-content/uploads/2010/03/mail_contact_avp.gif") no-repeat scroll 0 0 transparent;
display:block;
height:15px;
}

.jessMail:hover,
.contactMail:hover {
background-position:0 -15px;
}


/* Twix intervention June 2011 */
p.contentLink {margin-top:10px;}
p.contentLink a {display:block;}
p.revuedepresse {margin-top:40px;margin-bottom:40px;}
