* {outline:none;}

body { margin:0px; padding:0px; width:100%; height:100%; background-color:#474747; color:#474747; font-family: arial, helvetica, sans-serif; font-size:0.8em; }
.container { width:944px; height:600px; margin:10px auto 0px; }
.top_container { float:left; width:732px; height:139px; }
.top { margin-top:83px; float:left; width:732px; height:56px; background-color:white;display:inline; overflow:hidden; }
.logoRond_dauphin { float:left; width:190px; height:139px; background-image:url('images/coala-dauphin_02.jpg'); }
.logo_dauphin { float:left; width:171px; height:56px; background-image:url('images/coala-dauphin_04.jpg'); }
.logoRond_blayais { float:left; width:190px; height:139px; background-image:url('images/coala-blayais_02.jpg'); }
.logo_blayais { float:left; width:171px; height:56px; background-image:url('images/coala-blayais_05.jpg'); }
.top_title_onlget { float:left; width:561px; height:56px; }
.top_title_dauphin { float:right; width:139px; height:28px; background-image:url('images/coala-dauphin_06.jpg'); }
.top_title_blayais { float:right; width:139px; height:28px; background-image:url('images/coala-blayais_07.jpg'); }

/*		onglet	*/
.top_onglet { float:left; width:561px; height:28px; background-color:#bababa; }
.ul_onglet { width:561px; height:28px; margin:0px; padding:0px; }
.ul_onglet li { list-style:none; display:inline; border:0px; }
.li_onglet_service a { display:block; float:left; width:80px; height:28px; background:url('images/services.jpg') no-repeat 0 0; }
.li_onglet_access a { display:block; float:left; width:73px; height:28px; background:url('images/acces.jpg') no-repeat 0 0; }
.li_onglet_edito a { display:block; float:left; width:101px; height:28px; background:url('images/edito.jpg') no-repeat 0 0; }
.li_onglet_tarif a { display:block; float:left; width:61px; height:28px; background:url('images/tarifs.jpg') no-repeat 0 0; }
.li_onglet_reservation a { display:block; float:left; width:107px; height:28px; background:url('images/reservations.jpg') no-repeat 0 0; }

.li_onglet_service a:hover { display:block; float:left; width:80px; height:28px; background:url('images/services.jpg') no-repeat 0 -28px; }
.li_onglet_access a:hover { display:block; float:left; width:73px; height:28px; background:url('images/acces.jpg') no-repeat 0 -28px; }
.li_onglet_edito a:hover { display:block; float:left; width:101px; height:28px; background:url('images/edito.jpg') no-repeat 0 -28px; }
.li_onglet_tarif a:hover { display:block; float:left; width:61px; height:28px; background:url('images/tarifs.jpg') no-repeat 0 -28px; }
.li_onglet_reservation a:hover { display:block; float:left; width:107px; height:28px; background:url('images/reservations.jpg') no-repeat 0 -28px; }

/*		Gauche		*/
.gauche { float:left; width:171px; height:431px; background-color:#bababa; }
.lien_dauphin a { display:block; float:left; width:85px; height:351px; background:url('images/dauphin_gauche.jpg') no-repeat 0 0; }
.lien_blayais a { display:block; float:left; width:86px; height:351px; background:url('images/blayais_gauche.jpg') no-repeat 0 0; }
.lien_dauphin a:hover { display:block; float:left; width:85px; height:351px; background:url('images/dauphin_gauche.jpg') no-repeat -85px 0; }
.lien_blayais a:hover { display:block; float:left; width:86px; height:351px; background:url('images/blayais_gauche.jpg') no-repeat -86px 0; }
.adress_dauphin { float:left; width:171px; height:80px; text-align:center; line-height:1.2em; }
.adress_blayais { float:left; width:171px; height:80px; text-align:center; line-height:1.2em; }

/*#ca9c13		7a0b0b*/
.centre { float:left; width:714px; height:431px; background-color:#ffffff; }

/*		Galerie		*/
.diaporama { width:714px; height:186px; margin:50px 0 0 0; }
#outerContainer { width:585px; height:154px; float:left; margin:0px 64px 0px 65px; display:inline; }
.ombre { width:585px; height:27px; background-image:url('images/galerie-3.jpg');}
#imageScroller { width:595px; height:132px; position:relative; background:#474747 no-repeat; padding:5px 0 0 0; }
#viewer { width:585px; height:127px; overflow:hidden; margin:auto; position:relative; background-color:#ffffff;}
#imageScroller img { border:0px none; margin:0 0 0 3px; }

.descriptionEdito { width:714px; height:180px; }
.descriptionEdito .title { text-align:center; }
.descriptionEdito p { margin:0px; padding:0px 10px; font-size:1em; font-style:italic; text-align:justify; }
.descriptionEdito a { background-color:#810004; text-align:center; margin:20px auto 0; width:150px; height:15px; color:white; display:block; padding:5px 0; text-decoration:none; font-size:0.9em; }

/*		Service		*/
.service-logo { margin:30px 0 0 20px; width:330px; height:401px; float:left; display:inline; }
.img-logo { width:51px; float:left; }
.img-logo img { margin-top:-4px; border:0px; }
.text-logo { float:left; width:100px; }
.service-logo p { padding:22px 0px; margin:0px 0 0 10px; width:90px; float:left; }
.service-logo a { color:#474747; text-decoration:none; }
.service-logo a:hover { color:#bababa; }
.service-description-cadre { width:280px; height:350px; float:left; margin: 30px 42px 0; overflow:hidden; display:inline; }
.service-description { width:280px; background-color:#474747; }
.service-description p { color:#ffffff; padding:5px; margin:0px; font-style:italic; }
#service span { text-decoration:underline; }
.service-description .service-title { font-weight:bold; font-size:1.2em; font-style:normal; border-bottom:1px solid #ffffff; }
.service-description .chaine { width:140px; margin:0px 0px 0px 5px; padding:0px; font-style:italic;  }
.service-description a { text-decoration:underline; color:#ffffff; font-style:italic; }
.service-description a:hover { color:#bababa; }

/*		Tarif		*/
.tarif-title { width:674px; height:30px; background-color:#474747; margin:10px 20px 0; font-weight:bold; font-size:1.2em; }
.tarif-chambre { width:674px; height:70px; background-color:#474747; margin:5px 20px 0; }
.tarif-personne-supp { width:674px; height:50px; background-color:#474747; margin:5px 20px 0; }
.tarif-lit-bebe { width:674px; height:30px; background-color:#474747; margin:5px 20px 0; }
.tarif-lit-supp { width:674px; height:30px; background-color:#474747; margin:5px 20px 0; }

.p-tarif-title { width:267px; color:#ffffff; float:left; margin:5px 0 0 2px; font-size:1.3em; display:inline; }
.p-tarif-single { width:135px; color:#ffffff; float:left; margin:5px 0 0 0; font-size:1.3em; text-align:center; }
.p-tarif-double { width:135px; color:#ffffff; float:left; margin:5px 0 0 0; font-size:1.3em; text-align:center; }
.p-tarif-triple { width:135px; color:#ffffff; float:left; margin:5px 0 0 0; font-size:1.3em; text-align:center; }
.p-tarif-title span { font-size:0.7em; font-style:italic; font-weight:400; }
.tarif-chambre .p-tarif-single, .tarif-chambre .p-tarif-double, .tarif-chambre .p-tarif-triple { margin:25px 0 0 0; }
.tarif-personne-supp .p-tarif-single, .tarif-personne-supp .p-tarif-double, .tarif-personne-supp .p-tarif-triple { margin:15px 0 0 0; }
.tarif-description p { width:600px; margin:10px auto 0; text-align:center; }
.asterix { margin:20px 20px 0; font-size:0.8em; }

.location { width:120px; height:20px; background-color:#474747; margin:10px 20px 0; color:#ffffff; font-size:1.3em; padding:5px; font-weight:bold; }
.tarif-blayais-title { width:674px; height:45px; background-color:#474747; margin:10px 20px 0; font-size:1.3em;line-height:1.1em; font-weight:bold; }
.tarif-blayais-passage { width:674px; height:50px; background-color:#474747; margin:10px 20px 0; }
.tarif-blayais-longue-duree { width:674px; height:50px; background-color:#474747; margin:10px 20px 0; }
.tarif-blayais-long-sejour { width:674px; height:50px; background-color:#474747; margin:10px 20px 0; }

.p-tarif-blayais-duree { width:152px; color:#ffffff; float:left; margin:5px 0 0 2px;font-size:1.1em; text-align:center; display:inline; }
.p-tarif-blayais-chambre { width:130px; color:#ffffff; float:left; margin:5px 0 0 0;font-size:1.1em; text-align:center; }
.p-tarif-blayais-pstudio { width:130px; color:#ffffff; float:left; margin:5px 0 0 0;font-size:1.1em; text-align:center; }
.p-tarif-blayais-gstudio { width:130px; color:#ffffff; float:left; margin:5px 0 0 0;font-size:1.1em; text-align:center; }
.p-tarif-blayais-appartement { width:130px; color:#ffffff; float:left; margin:5px 0 0 0;font-size:1.1em; text-align:center; }
.tarif-blayais-title span, .tarif-blayais-passage span, .tarif-blayais-longue-duree span, .tarif-blayais-long-sejour span { font-size:0.7em; font-style:italic; font-weight:400; }
.tarif-blayais-description { width:674px; margin:20px 20px 0; }
.tarif-paiement { width:286px; height:30px; border:0px; margin:10px 214px 0; }

/*		Reservation		*/
.reservation { width:580px; margin:20px 50px 0 20px; float:left; }
.reservation2 { width:600px; height:401px; margin:20px 50px 10px 20px; float:left; overflow-y:auto; }
.reservation form p { float:left; margin:0 0 2px 0; padding:0; }
.reservation-p { width:180px; float:left; height:20px; padding:0; margin:0; }
.reservation-input-text { width:396px; float:left; height:16px; padding:2px; border:0px; margin:0; background-color:#474747; color:#ffffff; }
.reservation-input-text-datepicker { width:376px; float:left; height:16px; padding:2px; border:0px; margin:0 2px 1px 0; background-color:#474747; color:#ffffff; display:inline; }
.reservation-select { float:left; width:400px; margin:1px 0; }
.reservation-select-heure { float:left; width:190px; margin:1px 0; }
.heure-espace { float:left; width:20px; height:16px; margin:1px 0; text-align:center; }
.reservation-textarea-adresse { float:left; resize:none; width:396px; height:58px; border:0px; background-color:#474747; color:#ffffff; margin:0; padding:2px; font-family:Arial Helvetica sans-serif; font-size:small; overflow-x:auto; }
.reservation-textarea-message { float:left; resize:none; width:396px; height:58px; border:0px; background-color:#474747; color:#ffffff; margin:0; padding:2px; font-family:Arial Helvetica sans-serif; font-size:small; overflow-x:auto; }
.reservation-send { width:100px; height:25px; float:right; border:0px; background-color:#474747; color:#ffffff; margin:2px 0 0 0; }
.reservation-print { width:100px; height:25px; float:right; border:0px; background-color:#474747; color:#ffffff; margin:2px 0 0 2px; }
.reservation-send:hover { color:#000000; }
.reservation-print:hover { color:#000000; }
.reservation-input-send { width:396px; float:left; height:16px; padding:2px; margin:0 0 2px 0; background-color:#474747; color:#ffffff; }
.reservation-input-send-text { width:396px; float:left; padding:2px; margin:0 0 2px 0; background-color:#474747; color:#ffffff; }
.button { width:300px; float:right; }
sup { color:red;font-size:0.9em; margin: 2px 0 0 0; }
.asterix-reservation { color:red; float:left; margin:0px; width:140px; display:inline; font-size:0.8em; }
.wrong-email { color:red; margin:0px; }
#print { display:none; }

/*	Acces	*/
.acces { float:left; display:inline; width: 200px; margin: 100px 5px 0; font-size:1.3em; text-align:center; }
.acces-carte { float:left; display:inline; width:482px; height:411px; margin:10px 0px 10px 0; border:1px solid black; }
.acces a { color:#474747; text-decoration:none; }
.acces a:hover { text-decoration:underline; }

/*		Contact		*/
.footer { float:left; width: 885px; height:18px; }
.mention { float:left; width:445px; color:#ffffff; padding:2px 0 0 0; margin:0px; font-size:0.8em; }
.contact { float:right; width:440px; padding:2px 0 0 0; margin:0px; text-align:right; font-size:0.8em; }
.contact a, .contact a:visited { text-decoration:none; color:#ffffff; }
.contact a:hover { color:#bababa; }
.xiti { visibility:hidden; }