@charset "utf-8";
/* CSS Document .class {} */
body, html, * {
	padding: 0;
	border:0;
	margin:0;
	font-weight: normal;
	
}
strong {font-weight: bold;}
body {background: #553C42 url('../imgstyle/fond.jpg') top center no-repeat; color: #cba1ab; font-size: 12px;}
#conteneur {width: 1073px; margin:auto; }
/* entete */
#entete {background: transparent url('../imgstyle/fondheader.jpg') top left no-repeat; height:275px;}
#entete #drapeaux {float: left; margin: 15px 0 0 42px; font-family:"Trebuchet MS";}
#entete #drapeaux ul li { display: inline; margin-right: 3px;}
#entete #drapeaux ul a, a:hover {font-size: 11px; color: #cba1ab; text-decoration: none;}
#entete #drapeaux ul a:hover {text-decoration: underline}
#entete #reserve_now {width: 95px; float: left; margin: 17px 0 0 465px;}
#entete #logo {float: right; margin: 9px 40px 0 0;}
#entete #menu ul {float: right; width: 666px; margin: 18px 24px 0 0;}
#entete #menu ul li {display: inline;}

#entete_uk {background: transparent url('../imgstyle/fondheader_uk.jpg') top left no-repeat; height:275px;}
#entete_uk #drapeaux {float: left; margin: 15px 0 0 42px; font-family:"Trebuchet MS";}
#entete_uk #drapeaux ul li { display: inline; margin-right: 3px;}
#entete_uk #drapeaux ul a, a:hover {font-size: 11px; color: #cba1ab; text-decoration: none;}
#entete_uk #drapeaux ul a:hover {text-decoration: underline}
#entete_uk #reserve_now {width: 95px; float: left; margin: 17px 0 0 465px;}
#entete_uk #logo {float: right; margin: 9px 40px 0 0;}
#entete_uk #menu ul {float: right; width: 666px; margin: 18px 24px 0 0;}
#entete_uk #menu ul li {display: inline;}

.separation {margin: 0 3px 0 3px;}

#contenurubrique {height:892px; position: relative;}
#contenurubrique #hello {background: transparent url('../imgstyle/fondhello.jpg') top left no-repeat; height: 357px; clear: both; float: left;}
#contenurubrique #hello img {margin: 16px 10px 0 0; float: left;}
#contenurubrique #hello #txt {float: left; padding: 0px 0 19px 42px; width: 470px;}
#contenurubrique #hello #txt p {margin : 19px 10px 0 0; font-size: 13px; float: left; font-family:"Trebuchet MS";}
#contenurubrique #hello #txt p.slogan {background: transparent url('../imgstyle/fond_slogan.gif') top left no-repeat; height: 90px; padding: 10px 0 0 35px; font-family:Arial, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #553c42; width: 344px;}
#contenurubrique #hello #txt #reseaux_sociaux {float: left;}
#contenurubrique #hello #txt #reseaux_sociaux #facebook {float: right; font-family:"Trebuchet MS";}
#contenurubrique #hello #txt #reseaux_sociaux #facebook a, #facebook a:hover {font-family:"Trebuchet MS"; font-size: 11px; color: #cba1ab; text-decoration: none;}
#contenurubrique #hello #txt #reseaux_sociaux #facebook img {vertical-align: middle; margin: 0; padding: 0 7px 0 0;}
#contenurubrique #hello #video {float: left; padding: 10px 10px; background: transparent url('../imgstyle/fond_video.gif') top left no-repeat; width: 508px; margin: 22px 0 0 10px; height: 333px;}

#contenurubrique #reserve_now {background: transparent url('../imgstyle/fondreserve_now.jpg') top left no-repeat; height: 87px; float: left; width: 1073px; display: inline;}
#contenurubrique #reserve_now #pictoreserve {padding: 22px 0 0 49px; width: 200px; float: left;} 
#contenurubrique #reserve_now #pictoreserve p {font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #FFF;}
#contenurubrique #reserve_now #pictoreserve p img {vertical-align: middle;}
#contenurubrique #reserve_now #reservation_jour {padding: 20px 0 0 0; float: left; width: 40px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_jour select {background: transparent url('../imgstyle/fond_jour.jpg') top left no-repeat; margin: 10px 0 0 10px; height: 23px; width: 40px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_jour option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_mois {padding: 20px 0 0 15px; float: left; width: 60px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_mois select {background: transparent url('../imgstyle/fond_mois.jpg') top left no-repeat; margin: 10px 0 0 8px; height: 23px; width: 60px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_mois option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_annee {padding: 20px 0 0 15px; float: left; width: 55px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_annee select {background: transparent url('../imgstyle/fond_mois.jpg') top left no-repeat; margin: 10px 0 0 8px; height: 23px; width: 55px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_annee option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_nuits {padding: 20px 0 0 15px; float: left; width: 60px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_nuits select {background: transparent url('../imgstyle/fond_mois.jpg') top left no-repeat; margin: 10px 0 0 8px; height: 23px; width: 60px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_nuits option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_personne {padding: 20px 0 0 15px; float: left; width: 100px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_personne select {background: transparent url('../imgstyle/fond_personne.jpg') top left no-repeat; margin: 10px 0 0 8px; height: 23px; width: 100px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_personne option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_devise {padding: 20px 0 0 15px; float: left; width: 125px; height: 23px; position: relative;} 
#contenurubrique #reserve_now #reservation_devise select {background: transparent url('../imgstyle/fond_devise.jpg') top left no-repeat; margin: 10px 0 0 8px; height: 23px; width: 125px; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px;}
#contenurubrique #reserve_now #reservation_devise option {background-color:#402c31; color: #fee1e8; font-family: "Trebuchet MS"; font-size: 12px; width: 150px;}
#contenurubrique #reserve_now #btn_ok {padding: 27px 0 0 43px; width: 50px; float: left;} 
#contenurubrique #reserve_now #btn_groupe {padding: 20px 0 0 27px; width: 140px; float: left;} 

#contenurubrique #peaceandlovehostel {background: transparent url('../imgstyle/fondpeaceandlovehostel.jpg') top left no-repeat; height: 611px; float: left;}
#contenurubrique #peaceandlovehostel img {margin: 16px 10px 0 0; float: left}
#contenurubrique #peaceandlovehostel #txt {float: left; padding: 0px 0 19px 42px; width: 485px;}
#contenurubrique #peaceandlovehostel #txt p {margin : 19px 10px 0 0; font-size: 13px; float: left; font-family:"Trebuchet MS";}
#contenurubrique #peaceandlovehostel #txt p.slogan2 {padding-top: 10px;}
#contenurubrique #peaceandlovehostel #fleche {float: right; width: 36px; margin-right: 55px;}
#contenurubrique #peaceandlovehostel #tarifs {float: right; width: 299px; margin-right: 41px; clear: right;}
#contenurubrique #peaceandlovehostel #services {float: left; width: 475px; margin: 13px 0 0 35px; font-family:"Trebuchet MS"; font-size: 13px;}
#contenurubrique #peaceandlovehostel #services ul.colonne {float: left; margin: 13px 0 0 0; width: 235px;}
#contenurubrique #peaceandlovehostel #services ul.colonne li {margin: 0 0 13px 0; list-style-type: none; float: left; width: 230px;}
#contenurubrique #peaceandlovehostel #services ul.colonne li p {padding: 3px 0 0 45px;}
#contenurubrique #peaceandlovehostel #services ul.colonne li img {margin: 0;}

#contenurubrique #galerie {background: transparent url('../imgstyle/fondgalerie.jpg') top left no-repeat; height: 550px; float: left;}
#contenurubrique #galerie H1 {margin: 0; float: left; margin: 0}
#contenurubrique #galerie H1 img {float: left; margin: 16px 10px 0 0;}
#contenurubrique #galerie #txt {float: left; padding: 0px 0 19px 42px;}
#contenurubrique #galerie #txt #diapo {float: none; width: 696px; height: 458px; border: #342125 solid 4px; margin: 60px 13px 0 0;}
#contenurubrique #galerie #fleche {float: right; width: 36px; margin: 16px 29px 10px 0;}
/*#contenurubrique #galerie #choix_diapo {float: right; width: 290px; margin: 0; clear: right;}
#contenurubrique #galerie #choix_diapo img {margin: 9px 9px 0 0;}*/
#contenurubrique #galerie #description {float: left; width: 280px; clear: right; margin : 10px 0 0 0; }
#contenurubrique #galerie #description H1 {font-size: 19px; float: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #f5eced; margin-bottom: 10px;}
#contenurubrique #galerie #description p {font-size: 13px; float: left; font-family:"Trebuchet MS";}
#contenurubrique #galerie #description p.illustration {margin-top: 275px;}
#contenurubrique #galerie #description p.illustration_uk {margin-top: 130px;}
.slide {display: none;} 

#contenurubrique #contact {background: transparent url('../imgstyle/fondcontactreservation.jpg') top left no-repeat; height: 435px; padding-left: 42px; float:left;}
#contenurubrique #contact H1 {margin: 0; float: left; padding: 0 0 17px 0}
#contenurubrique #contact img {float: left; margin: 16px 10px 0 0;}
#contenurubrique #contact #txt {float: left; width: 340px}
#contenurubrique #contact #txt p {margin : 17px 10px 0 0; font-size: 13px; float: left; font-family:"Trebuchet MS";}
#contenurubrique #contact #txt p img {padding: 0 11px 0 0; vertical-align: middle; margin: 0;}
#contenurubrique #contact #fleche {float: right; width: 36px; margin: 0px 55px 10px 0;}
#contenurubrique #contact #formulaire {float: right; width: 642px; background: transparent url('../imgstyle/fond_formulaire.gif') top left no-repeat; height: 287px; margin: 13px 42px 0 0}
#contenurubrique #contact #formulaire label{float: left; clear: left;}
#contenurubrique #contact #formulaire input {background: transparent url('../imgstyle/fond_champs1.gif') top left no-repeat; margin: 10px 0 0 10px; height: 23px; width: 264px; color: #9e6a77; padding-left: 7px; font-family: "Trebuchet MS";}
#contenurubrique #contact #formulaire textarea {background: transparent url('../imgstyle/fond_champs2.gif') top left no-repeat; margin: 10px 0 0 10px; height: 152px; width: 623px; color: #9e6a77; padding-left: 7px; font-family: "Trebuchet MS"; font-size: 13px; overflow: hidden;}
#contenurubrique #contact #formulaire input.ok {background: transparent url('../imgstyle/fond_ok.gif') top left no-repeat; margin: 0 0 0 10px; height: 48px; width: 623px; color: #f2eeed; padding-left: 7px; font-family: "Trebuchet MS"; cursor: pointer;}
#contenurubrique #contact #links {float: left; background: transparent url('../imgstyle/fond_links.gif') top left no-repeat; margin: 22px 0 0 0; width: 989px; height: 48px; padding: 12px 0 0 9px;}
#contenurubrique #contact #links img {vertical-align: middle; float: none; margin: 0;}
#contenurubrique #contact #links a, #links a:hover {text-decoration: none; font-family: "Trebuchet MS"; font-size: 13px; color: #cba1ab; margin-right: 15px;}

#contenurubrique #plan {background: transparent url('../imgstyle/fondplan.jpg') top left no-repeat; height: 553px; padding-left: 42px; float:left;}
#contenurubrique #plan H1 {margin: 0; float: left; padding: 0 0 14px 0}
#contenurubrique #plan img {float: left; margin: 6px 10px 0 0;}
#contenurubrique #plan #fleche {float: right; margin: 16px 41px 10px 0; width: 150px;}
#contenurubrique #plan #fleche  a, #fleche  a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none;}
#contenurubrique #plan #fleche img {vertical-align: middle; padding-left: 5px; margin: 0; float: none;}
#contenurubrique #plan #fleche_uk {float: right; margin: 16px -23px 10px 0; width: 150px;}
#contenurubrique #plan #fleche_uk  a, #fleche  a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFF; text-decoration: none;}
#contenurubrique #plan #fleche_uk img {vertical-align: middle; padding-left: 5px; margin: 0; float: none;}
#contenurubrique #plan #itineraire {float: left;}
#contenurubrique #plan #itineraire img {margin: 0;}

#footer {background: transparent url('../imgstyle/fondfooter.jpg') top left no-repeat; height: 254px; padding: 22px 42px 0 0; float:left;}
#footer p {float: right; text-align: right; width: 770px; font-family: "Trebuchet MS"; font-size: 11px;}
#footer p a {font-family: "Trebuchet MS"; font-size: 11px; color: #cba1ab; text-decoration: none;}
#footer #menu ul {float: right; width: 650px; margin: 18px 0 0 0;}
#footer #menu ul li {display: inline;}
#footer #audio {margin-top: 20px; float: right; clear:both; }


span.rose {color: #fcc7d4;}
span.blancitalic {color: #fff; font-style: italic;}
.blancgras15 {color: #fff; font-weight: bold; font-size: 15px;} 
.rosegras15, .rosegras15 a {color: #e96284; font-weight: bold; font-size: 15px; text-decoration: none;} 
.rosegras15 a:hover {color: #e96284; text-decoration: underline;}