body {background: #2c2c2e url(../images/bg.jpg) repeat-x 0 0;font-variant: small-caps;font-family: "Arial" }

a {text-decoration: none}
img {margin:0;padding:0;}
.container {background: url(../images/bgcontainer.jpg) no-repeat 0 0}
#header {background: url(../images/header.png) no-repeat 0 0;height:150px}
#navigation {height:32px;border-top: 2px solid yellow}
#navigation ul {list-style-type: none;height:32px;}
#navigation ul li {float:left;margin:3px 10px 0 0}
#navigation ul li a {width:100%;height:100%;display: block;border-right: 2px solid yellow;padding:0 10px 0 10px;text-align: center;color:yellow;font-size:18px}
#navigation ul li a:hover {color:white}
#navigation ul li:last-child a{border:none}
#illustration {background: url(../images/panorama.jpg) no-repeat 0 0;height:150px}
#news {height:26px;background: white;font-size: 16px}
#footer {height:55px;font-size: 12px;color:white;margin:5px 0 0 0;position: relative}
#footer input[type="text"]{margin: 0 5px 0 10px}
#footer input[type="submit"]{margin: 0 15px 0 0px}
#footer .right{position:absolute;right: 0;top :10px}
#footer a {text-decoration: none;color: white}
#offres {background: #fbd922}
.offre {width:180px;margin : 11px 0px 0 5px}

#flash {margin:0}

.annonce {background: #fde59b;width:175px;position:relative;margin:0 auto}
.annonce .image {width:175px;height:142px;display:block;margin:0 auto;}
.annonce .legende {background: #fde59b;width:160px;height:155px;position:relative;margin:0 auto;}
.annonce .legende h1 {margin:0px;padding:0px;font-size: 16px;font-weight: 900;height:20px;padding:0 3px}
.annonce .legende h2 {margin:0px;padding:0px;font-size: 16px;height:20px;padding:0 3px}
.annonce .legende h3 {margin:0px;padding:0px;font-size: 14px;height:20px;padding:0 3px;font-style: italic}
.annonce .legende .prix{position:absolute;bottom:0;right:4px;font-size: 25px;font-weight: 900}
.annonce .legende ul {list-style-type: square;}
.annonce .legende ul li {margin:0;font-size: 95%}

#moteur {height:309px;width: 391px;background: black;margin:0 0 0 3px}
#moteur h4 {color:yellow;padding:10px;font-size: 18px;margin:0;}
#moteur h5 {color:white;font-size: 14px;padding:0 0 0 10px;margin:0;}
#moteur select {width:85%;padding:0 0 0 5px;margin-left: 10px}
#moteur #recherche {padding: 5px 0;margin:15px 0 0 0}
#moteur #recherche input[type="submit"] {float: right;margin-right: 20px;background: #ed1e79 none;border:none;color:white;padding:5px}
.white {background: white;}
#details {padding-bottom: 30px}
#picture {display:block;padding:10px 0 0 0}
#picture img.big {float:right}
#data {position: relative}
#data #prix1 {position: absolute;top:10px;right: 0px;padding:1px 5px;width:150px;font-size: 15px}

#data #prix {position: absolute;top:30px;right: 0px;background: yellow;padding:1px 5px;width:150px;font-weight: 900;font-size: 30px}
#thumb {height:60px;width:367px;float:right;margin:6px 0}
#thumb ul {list-style-type: none;margin:0}
#thumb ul li {float: left;margin :0 2px 0 0px;display:inline}
#thumb ul li a {}
#thumb ul li:last-child {margin:0}
#liste {width: 367px;background: #fbcc24;float: right}
#liste h1 {padding:2px 5px;font-size: 22px;font-weight: 900}
#liste textarea {}
#liste ul {list-style-type: square;padding:0 10px 0 40px;line-height: 130%;overflow: hidden}
#liste li a {color:black;font-size: 13px}
#data h1 {font-size: 28px;font-weight: 900;padding:0 6px;margin: 0;}
#data h2 {font-size: 22px;padding:0 6px;margin: 0;}
#data h3 {font-size: 18px;padding:0 6px;margin: 0;}
#data h4 {font-size: 18px;padding:0 6px;margin: 0;}
.description {margin:0 0 20px 0}
.description p {font-size: 14px;margin:15px 0;padding:0 15px 0 6px;font-variant: normal;line-height:120%;text-align: justify}
#data select{width:260px;margin:0 15px 0 0;float:right}
#pdf {background: url(../images/info.png) no-repeat 0 50%;height: 30px;width :350px;padding:0 0 0 30px;line-height:120%}
#pdf a {display:block;float:none;font-variant: normal;font-size: 13px;color:black;margin:0;}
#reserver {font-size: 15px;font-weight: 900;padding:0 0 0 0;float:right}
#reserver a { display:block;color:black;}
.dates {margin-top: 15px}


.faq #entete {background: url(../images/clown.jpg) no-repeat 15px 0;height:100px;padding: 30px 0 0px 255px;margin:20px 0 0 0}
.faq p {padding:0 20px;font-size: 15px;line-height: 120%;font-variant: normal;text-align: justify}
.faq p.question {font-weight: 900;margin:0 0 5px 0;font-size:16px}
.faq h1 {font-size: 20px;font-weight: 900; padding:0 20px;margin:0;}

.selection .ligne {margin: 10px 0 10px 0;overflow:hidden}
.selection .left {width:230px;height:40px;float: left;background: yellow;margin:0 20px 0 0;position:relative}
.selection .centre {width:250px;height:165px;float: left;background: red}
.selection .right {height:155px;float: left;line-height: 120%;padding:10px 0 0 15px;}
.selection .right h1 {font-size: 26px;font-weight: 900;padding:0 6px;margin: 0;}
.selection .right h2 {font-size: 20px;padding:0 6px;margin: 0 0 10px 0;}
.selection .right h3 {font-size: 14px;padding:0 30px;margin: 0;font-variant: normal}
.selection .right a {margin: 15px 0 0 30px;display: block}
.selection .right p {font-size: 18px;padding:0 6px;margin: 0;}
.selection .prix1 {position: absolute;top:0px;left: 0px;padding:1px 5px;font-size: 15px}
.selection .prix {position: absolute;bottom:0px;right: 0px;padding:1px 5px;font-weight: 900;font-size: 26px;text-align:right}

.submit {background: yellow none;border: none;}

iframe {width:100%;padding:0}
table {padding:0}
td {padding:0}
tr {padding:0}