/* le contenu du body */
.title{
 background: url("imgtitre.png") center scroll no-repeat ;
text-align:left;
width:738px;
padding:0px 0px 0px 0px;
color:#FFFFFF;
font-weight:bold;
}
.small_title{
 background: url("imgtitre.png") center scroll no-repeat ;
text-align:left;

width:486px;
padding:0px 0px 0px 0px;
margin-top:5px;
color:#FFFFFF;
font-weight:bold;

}
.title2{
background-color:#eef1f3;
text-align:left;
width:300px;
padding:5px 5px 5px 15px;
color:#d8325d;
font-weight:bold;
margin-left:5px;
}
.offer_box_wide{
width:335px;
height:145px;
float:left;
background-color:#FFFF99;
padding:10px;
margin:5px;
overflow: auto;
}


img.img_left{
float:left;
padding:0px 8px 8px 0px;
}
.offer_box{
width:445px;
height:115px;
background-color:#FFFF99;
padding:10px;
margin:10px 0px 5px 10px;
overflow: auto;
}
.offer_info{
padding:5px;

}
.offer_info span{
font-weight:bold;
color:#333399;
}
p.offer{
text-align:justify;
font-size:11px;
font-weight:bold;
font-family: arial;
margin: 0px 0px 0px 0px;

}
.more{
float:right;
padding:0px;
margin: 0px 0px 0px 0px
}
.more a{
font-weight:bold;
color:#333399;
font-family: arial;
}
.more a:hover{
text-decoration:none;
color:#990000;
font-family: arial;
}

body {
background-image: url('ligne3.png');
background-repeat: repeat;
margin: 0px 0px 0px 0px;
}




 /* layouts */
 #wrapper {
 margin: 0 auto;
 width: 743px;
}

#header {
 color: #333;
 /*width: 738px;*/
 width: 690px;
 float: left;
 height: 195px;
 margin: 0px 0px 0px 0px;
  /*background: url("logoimagecni.jpg") center scroll no-repeat ;*/
}

#leftcolumn {
 color: #333;
 border: 0px solid #ccc;
 /*background: #E7DBD5;*/
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;  */
 height: 320px;
 width: 252px;
 float: left;
}
#rightcolumn {
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;   */
 height: 320px;
 width: 486px;
 display: inline;
 position: relative;
}
#bascolumn {
 width: 738px;
 height: 200px;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}

#footer
{ width: 738px;
  height: 115px;
  padding: 0px 0px 0px 0px;
  
  border-top: 0px solid #F2F2F0;
  background: #686868 ;
  color: #AAA;
}


/* popup */
table.tabcentre { margin-left: auto; margin-right: auto; margin-top: 5%; }


 /* menu */
 #menubar {
 color: #333;
 width: 738px;
 float: left;
 border: 0px solid #ccc;
 height: 20px;
 margin: 0px 0px 0px 0px;
 background: url(tubechrome1.jpg) center scroll no-repeat ;
}

#hautfooter {
 color: #333;
 width: 738px;
 float: left;
 border: 0px solid #ccc;
 height: 20px;
 margin: 0px 0px 0px 0px;
 background: url(tubechrome1.jpg) center scroll no-repeat ;
}
  /* ecran liste */

.listoffer_box{
width:698px;
height:106px;
background-color:#FFFF99;
padding:10px;
margin:10px 0px 5px 10px;

}
.listoffer_info span{
font-weight:bold;
color:#d8325d;
font-family: arial;


}
p.listoffer{
text-align:justify;
font-size:12px;
font-family: arial;
margin: 0px 0px 0px 0px;
font-weight:bold;
}


#listcolumn {
 float: left;
 color: #000000;
 border: 0px solid #ccc;
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* height: 550px;  */
 width: 738px;
 display: inline;
 position: relative;
 /*overflow: scroll;*/
}


.offer_box_wide_style1{
width:707px;
height:106px;
float:left;
background-color:#FFFF99;
padding:0px;
margin:10px;
}
#headerliste {
 color: #333;
 width: 738px;
 float: left;
 height: 100px;
 margin: 0px 0px 0px 0px;
 background: url("headerautre.jpg") center scroll no-repeat ;
 }
  /* ecran detail */
#detailleftcolumn {
 color: #333;
 border: 0px solid #ccc;
 /*background: #E7DBD5;*/
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;  */
 height: 440px;
 width: 358px;
 float: left;
}
#detailrightcolumn {
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background-color:#FFFF99;
 margin: 0px 0px 0px 0px;
/* padding: 10px;   */
 height: 440px;
 width: 380px;
 display: inline;
 position: relative;

}
.detailoffer_box{
width:400px;
height:106px;
background-color:#FFFF99;
padding:10px;
margin:10px 0px 5px 10px;
overflow: auto;
}
.detailsmall_title{
 background: url("imgtitre.png") center scroll no-repeat ;
text-align:left;
width:370px;
padding:0px 0px 0px 0px;
margin-top:5px;
color:#FFFFFF;
font-weight:bold;
}
.detailcontent
{
 margin: 5px 0px 0px 5px;
}
.detailcolumn5{
width:370px;
float:left;
margin:0px;
padding:10px 0px 10px 5px;
}
.detailoffer_box_wide{
width:350px;
height:105px;
float:left;
background-color:#FFFF99;
padding:0px;
margin:0px;

}
.detailtitle2{
background-color:#FFFF99;
text-align:left;
width:50px;
padding:1px 1px 1px 1px;
color:#d8325d;
font-weight:bold;
margin-left:5px;
}
.details_list{
width:355px;
height:300px;
float:left;
background-color:#FFFF99;
margin:-15px 0px 0px 0px;
overflow: auto;
}
.moredetail{
float:right;
padding:0px;
margin: -10px 30px 0px 0px
}
.moredetail a{
font-weight:bold;
color:#333399;
font-family: arial;
font-size:18px;
}
.moredetail a:hover{
text-decoration:none;
color:#990000;
font-family: arial;
}
.moredetail2{
  position:absolute;
  top:160px;
  left:300px;
}
.moredetail2 a{
font-weight:bold;
color:#333399;
font-family: arial;
font-size:15px;
}
.moredetail2 a:hover{
text-decoration:none;
color:#990000;
font-family: arial;
}
/*ecran visite virtuelle*/
#footer2
{ width: 738px;
  height: 50px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  border-top: 0px solid #F2F2F0;
  background: #686868 url(menu.png) repeat;
  color: #AAA;
}
#panocolumn {
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;   */
 height: 450px;
 width: 738px;
 display: inline;
 position: relative;
 padding:0px 0px 25px 0px;
}
/*ecran contact*/
#contactpanocolumn {
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url("orang01.jpg") center scroll repeat ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;   */
 height: 400px;
 width: 738px;
 display: inline;
 position: relative;
 padding:0px 0px 25px 0px;
}
/*ecran carrousel*/
/*ecran carrousel*/
#carrouselcolumn {
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: url("../images/v800600coucher.jpg")  ;
 margin: 0px 0px 0px 0px;
/* padding: 10px;   */
 height: 600px;
 width: 750px;
 display: inline;
 position: relative;
 padding:0px 0px 0px 0px;
}
 #carrouselwrapper {
 margin: 0 auto;
 width: 750px;


}