@CHARSET "UTF-8";
/**
 * Feuille de style
 * 
 * @package zoom
 * @author Olivier
 * @version 0.1
 */


/**
 * Initialisation des balises
 */
BODY, DIV, DL, DT, DD, UL, OL, LI, H1, H2, H3, H4, H5, H6, PRE, FORM, INPUT, TEXTAREA, P, BLOCKQUOTE, TH, TD, LEGEND { margin:0; padding:0; }
TABLE { border-collapse:collapse; border-spacing:0; }
IMG { border:0; }
EM, STRONG, TH, VAR, BIG { font-style:normal; font-weight:normal; }
OL, UL { list-style:none; }
TH { text-align:left; }
H1, H2, H3, H4, H5, H6 { font-size:100%; font-weight:normal; }
FIELDSET { border:0; margin:0; padding:0; }

/**
 * Styles de bases
 */
BODY { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:12px; color:black; background:#DDDDDD; }
TD { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:12px; color:black; }
A { color:black; }
A:hover { color:black; }
.container { position:relative; width:980px; margin:0 auto; }
.clear { clear:both; }
.cols-right { position:relative; float:right; }
.cols-left { position:relative; float:left; }
.popup { display:none; border:3px solid #222; padding:15px; background-color:#EEEEEE; }

INPUT, SELECT, TEXTAREA { border:1px solid #BBBBBB; background:#FFFFFF; padding:5px; font-size:1em; }
BUTTON { border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; padding:5px; font-size:1em; cursor:pointer; }
INPUT.required, SELECT.required, TEXTAREA.required { background:#FF9999; }
INPUT.text-placeholder { color:#666666; font-style:italic; }

P { margin:5px 0 10px 0;}

/*
 INPUT, SELECT, TEXTAREA { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:1em; }

INPUT.invalid, SELECT.invalid, TEXTAREA.invalid { background:#FF9999; }

#page { position:relative; background:white; width:1000px; margin:0 auto; margin-bottom:5px; }
.maintenance { font-size:14px; background:white; height:400px; padding:15px 15px 15px 50px; }

.

.color1 { color:#EE8C18; 94bb14 } 
.color2 { color:#4c97ba; 5c0515 } 
.bcolor1 { background:#EE8C18; 96bc0d }
.bcolor2 { background:#4c97ba; } */ 


/**
 * En tete de page
 */
#header { background:transparent url('/img/header-back.png') repeat-x scroll left top; height:162px; }
#logo { position:absolute; display:block; text-indent:-9999px; left:0px; top:40px; width:200px; height:112px; }
.logo-index { background:transparent url('/img/logo-accueil.png') no-repeat scroll left top; }
.logo-home { background:transparent url('/img/logo-accueil.png') no-repeat scroll left top; }
#header H1 { margin:0; padding:0; border:0; }
#header H2 { position:absolute; left:210px; top:140px; font-style:italic; font-size:1em; color:#5c0515; }
#telresa { position: absolute; left:210px; top:30px; font-weight:bold; font-size:1.5em; color:white; }
#signout { position:absolute; right:0; top:10px;}
#signout .agence { color:#FFFFFF; font-size:0.9em; line-height:40px; padding-right:15px; }
#signout A { color:#FFFFFF; font-size:0.9em; font-weight:bold; line-height:40px; background:#708f0b; display:inline-block; padding:0 15px 0 15px; }
#signout A:hover { color:#DDFFDD; text-decoration:none; }
#headertabs1 { position:absolute; left:230px; top:65px;}
#headertabs2 { position:absolute; left:210px; top:101px;}
.headertabs LI.tab1 { display:inline-block; background:#b0de18; padding:7px 7px 10px 7px; margin-right:8px; line-height:20px; height:15px; }
.headertabs LI.tab1 A { text-decoration:none; font-size:1em; color:#425407; font-weight:bold; }
.headertabs LI.tab1 A:hover { color:white; }
.headertabs LI.tab2 { display:inline-block; background:#75960c; padding:7px 7px 10px 7px; margin-right:8px; line-height:20px; height:15px; }
.headertabs LI.tab2 A { text-decoration:none; font-size:1em; color:white; font-weight:bold; }
.headertabs LI.tab2 A:hover { color:#425407; }

#panier { position:absolute; right:0px; top:93px; background:#b0de18; padding:6px 7px 2px 7px; }


/**
 * Pied de page
 */
#footer { background:transparent url('/img/footer-back.png') repeat-x scroll left top; height:100px; }
#footer .menu { float:left; padding:10px; line-height:20px; font-size:0.9em; color:black; }
#footer .menu A { text-decoration:none; }
#footer .menu A:hover { text-decoration:underline; }
#footer .partenaires { float:left; padding:10px; width:60%; text-align:center; }
#footer .coord { float:right; padding:10px; line-height:15px; font-size:0.9em; color:black; }


/**
 * Contenu des pages
 */
#mainindex { margin:0 auto 0; min-height:520px; }
#main { margin: 20px auto 0; min-height:520px; }
.block { border:1px #AAAAAA solid; background:#EEEEEE; padding:10px; }
H1 { font-size:1.2em; font-weight:bold; color:#5c0515; padding-bottom:5px; border-bottom:1px solid #5c0515; margin-bottom:10px; }


/**
 * HomePage
 */
#banniere { float:left; width:198px; min-height:500px; background:#96bc0d; margin:0px 1px 0px 1px; border-bottom:1px solid #DDDDDD; }
#banniere .regards { background:transparent url('/img/banner.png') no-repeat scroll 0 0; height:25px; text-indent:-9999px; }
#banniere .images { background:transparent url('/img/banner.png') no-repeat scroll 0 -24px; height:275px; margin:20px 0; }
#banniere .slogan { background:transparent url('/img/banner.png') no-repeat scroll 0 -300px; height:50px; margin:30px 0; }
#actualiteindex { float:left; width:250px; margin-right:10px; height:480px; }
#presentation { float:left; width:430px; margin:0 0 20px 0px; min-height:420px; }
#connexion { float:right; width:210px; margin:0 0 0 10px; }
#connexion H3 { font-weight:bold; font-size:1.1em; }
#connexion FORM { margin:10px 0; }
#connexion INPUT { width:190px; height:30px; line-height:30px; border:1px solid #BBBBBB; background:#FFFFFF; margin:0 0 10px; padding:0 5px 0 5px; color:#666666; font-size:1em; }
#connexion INPUT.init { color:#888888; font-style:italic; }
#connexion BUTTON { width:200px; height:30px; border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; font-size:1.1em; cursor:pointer; }
#brochures { float:right; width:210px; margin:10px 0 0 10px; }
#nouveau { float:left; width:250px; margin:0px 0 10px 0px; }
#nouveau .picto { width:32px; margin-right:10px; vertical-align:middle; }
#errorlogin { margin:0 0 20px 0; float:left; width:780px; }
.msgerr { margin:10px 0 0 10px; border:1px solid #C47B7B; background:#F5CECE; font-size:0.9em; color:#CE0023; padding:15px; }

#actualite { float:left; width:250px; margin-right:10px; height:480px; }
.simply-scroll-container { position:relative; }
#actualite .simply-scroll-clip { position:relative; overflow:hidden; width:240px; height:450px; }
#milieu { float:left; width:500px; min-height:480px; }
#diaporama { float:right; width:160px; height:500px; }
#diaporama IMG { width:160px; height:500px; }


/* Pictos */
#booking-programme .pictos { position: absolute;  width:100%; right: -450px; }
td.pictos { white-space: nowrap; text-align: right; }
td.pictos img { height: 50px; }
#booking-programme .pictos img { height: 75px; }


/**
 * Page sur recherche de programmes
 */
#affiner { float:left; width:240px; margin-right:10px; min-height:480px; }
#affiner FIELDSET { margin:5px 0; }
#affiner LABEL { display:block; font-size:1em; color:#666666; margin:10px 0 3px 0; }
#affiner INPUT, #affiner SELECT { width:220px; border:1px solid #BBBBBB; background:#FFFFFF; padding:5px; font-size:1em; }
#affiner BUTTON { width:220px; border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; padding:5px; font-size:1em; margin:15px 0; }
#resultat-i { float:right; width:680px; margin-bottom:15px; min-height:480px; }
#resultat-i TABLE { width:100%; margin:15px 0; border-bottom:1px solid #666666; height: 80px; border-collapse: unset; }
#resultat-i .titre { font-size:1.1em; font-weight:bold; }
#resultat-i .pays { font-size:1em; text-align:left; font-variant: small-caps; }
#resultat-i .booking { width:180px; text-align:center; vertical-align:middle; padding:5px 0px 5px 15px; font-size:0.9em; color:#666666; }
#resultat-i .booking A { display:block; text-decoration:none; color:#5c0515; background:#DDDDDD; border:1px solid #666666; padding:5px; }
#resultat-i .depart { font-size:1em; }
#resultat-i .depart STRONG { color:#5c0515; font-weight:bold; }
#resultat-i .duree { font-size:1em; color:#666666; }
#resultat-i .tarif { font-size:1em; color:#666666; text-align:right; }
#resultat-i .tarif STRONG { color:#5c0515; font-size: 1.2em; font-weight: bolder; }
#resultat-g { float:right; width:680px; margin-bottom:15px; min-height:480px; }
#resultat-g TABLE { width:100%; margin:15px 0; }
#resultat-g TR { border-bottom:1px solid #666666; }
#resultat-g TD { padding:5px; }
#resultat-g .pays { color:#5c0515; }
#resultat-g .saison { text-align:center; }
#resultat-g .telecharger { text-align:center; }
#resultat-g .telecharger A { font-size:0.9em; color:#666666; text-decoration:none; }
#resultat-g .telecharger A:hover { color:#000000; text-decoration:underline; }


#booking-programme {}
#booking-programme .pays { font-variant: small-caps; }
#booking-programme H2 { font-size:1.1em; font-weight:bold; margin:5px 0 7px 0;}
#booking-programme STRONG { font-weight:bold; color:#5c0515; font-size: 1.1em; }
#booking-stock { float:left; width:380px; margin:15px 0 0 0; color:#5c0515; }
#booking-stock STRONG { font-size:1.3em; font-weight:bolder; color:#94bb14; }
#booking-room { float:left; width:380px; margin:15px 0 0 0; }
#booking-room FIELDSET { margin:15px 0; }
#booking-room LABEL { font-size:1em; color:#666666; margin:10px 0 3px 0; }
#booking-room INPUT, #booking-room SELECT { border:1px solid #BBBBBB; background:#FFFFFF; padding:5px; font-size:1em; }
#booking-room BUTTON { width:380px; border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; padding:5px; font-size:1em; margin:5px 0 0 0; cursor:pointer; }
#booking-devis { float:left; width:380px; margin:15px 0 0 0; }
#booking-devis BUTTON { width:380px; border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; padding:5px; font-size:1em; margin:5px 0 0 0; cursor:pointer; }
#booking-validation { float:left; width:380px; margin:15px 0 15px 0; }
#booking-validation FIELDSET { margin:5px 0; }
#booking-validation LABEL { font-size:1em; color:#666666; padding-right:10px; }
#booking-validation INPUT { border:1px solid #BBBBBB; background:#FFFFFF; padding:5px; font-size:1em; }
#booking-validation BUTTON { width:180px; border:1px solid #BBBBBB; background:#666666; color:#FFFFFF; padding:5px; font-size:1em; margin:5px 0 0 0; cursor:pointer; }
#booking-paxs { float:right; width:540px; min-height:380px; margin:15px 0 15px 0; }
#booking-paxs .chambre { font-size:1em; font-weight:bold; }
#booking-paxs UL { border-bottom:1px solid #666666; margin-bottom:5px; padding-bottom:5px; }
#booking-paxs LI { margin-left:15px; }
#booking-paxs LI EM { font-size:0.9em; font-style:italic; color:#666666; }
#booking-paxs .delete { float:right; }
#booking-price { display:none; position:absolute; right:0px; border:1px #AAAAAA solid; background:#b0de18; padding:10px; margin:5px; }
#booking-price TD { padding:2px; white-space:nowrap; }
#booking-price TH { padding-left:5px; font-weight:bold; text-align:right; white-space:nowrap; }
#booking-infovol { display:none; position:absolute; right:0px; border:1px #AAAAAA solid; background:#b0de18; padding:10px; margin:5px; }
#booking-infovol TD { padding:2px; white-space:nowrap; }
#booking-infovol TH { padding-left:5px; white-space:nowrap; }

.popup-paxs { width:800px; height:400px; overflow:auto; }
#form-paxs FIELDSET { margin:15px 0; border-bottom:1px solid #666666; padding-bottom:15px; }
#form-paxs LABEL { width:100px; display:inline-block; font-weight:bold; }
#form-paxs INPUT.nom { width:190px; }
#form-paxs INPUT.prenom { width:190px; }
#form-paxs INPUT.naissance { width:70px; }
#form-paxs SELECT.type { width:170px; margin-top:5px; }
#form-paxs INPUT.numero { width:200px; }
#form-paxs INPUT.validite { width:90px; }
#form-paxs INPUT.commentaire { width:650px; margin-top:5px; }
#form-paxs BUTTON { width:200px; margin:5px 10px 0px 10px; }

#booking-recap1 { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:200px; }
#booking-recap1 STRONG { font-size:1.1em; font-weight:bold; color:#94bb14; }
#booking-recap1 EM { color:#5c0515; }
#booking-recap2 { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:240px; }
#booking-recap2 .chambre { font-size:1em; font-weight:bold; }
#booking-recap2 UL { border-bottom:1px solid #666666; margin-bottom:5px; padding-bottom:5px; }
#booking-recap2 LI { margin-left:15px; }
#booking-recap2 LI EM { font-size:0.9em; font-style:italic; color:#666666; }


#infosutiles { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:480px; }
#infosutiles H2 { font-size:1.1em; font-weight:bold; margin-top:15px; }
#infosutiles UL { margin-top:5px; margin-left:25px; list-style-type:disc; }
#infosutiles LI { padding:2px; color:#666666; }
#infosutiles LI A { color:#666666; text-decoration:none; }
#infosutiles LI A:hover { color:#000000; text-decoration:underline; }


#affiches { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:480px; }
#affiches H2 { font-size:1.1em; font-weight:bold; margin-top:15px; }
#affiches UL { margin-top:5px; margin-left:25px; list-style-type:disc; }
#affiches LI { padding:2px; color:#666666; }
#affiches LI A { color:#666666; text-decoration:none; }
#affiches LI A:hover { color:#000000; text-decoration:underline; }
#affiches TABLE { width:100%; margin:15px 0; }
#affiches TR { border-bottom:1px solid #666666; }
#affiches TD { padding:5px; }
#affiches .titre { color:#5c0515; }
#affiches .telecharger { width:180px; text-align:center; vertical-align:middle; padding:5px 0px 5px 15px; font-size:0.9em; color:#666666; }
#affiches .telecharger A { display:block; text-decoration:none; color:#5c0515; background:#DDDDDD; border:1px solid #666666; padding:5px; }


#paniers { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:480px; }
#paniers TABLE { width:100%; border-bottom:1px #666666 solid; margin-top:10px; }
#paniers TH { font-size:1em; font-weight:bold; padding-bottom:5px; }
#paniers TH A { text-decoration:none; }
#paniers TH A:hover { text-decoration:underline; }
#paniers TD.lien { text-align:right; width:150px; vertical-align:middle; }
#paniers TD.lien P { background:#DDDDDD; border:1px solid #666666; text-align:center; padding:3px; }
#paniers TD.lien P A { text-decoration:none; color:#5c0515; }
#paniers TD.titre { color:#5C0515; }
#paniers TD.pays { text-align:right; padding-right:20px; }


.reservations { float:left; width:780px; margin-right:10px; margin-bottom:20px; }
.reservations TABLE { width:100%; border-bottom:1px #666666 solid; margin-top:10px; }
.reservations TH { font-size:1em; font-weight:bold; padding-bottom:5px; }
.reservations TH.barre { text-decoration:line-through; }
.reservations TH STRONG { color:#94BB14; font-size:1.2em; font-weight:bold; }
.reservations TH EM { color:#5C0515; }
.reservations TD STRONG { color:#5C0515; font-size:1em; font-weight:bold; }
.reservations TD.lien { text-align:right; width:200px; vertical-align:middle; }
.reservations TD.lien P { background:#DDDDDD; border:1px solid #666666; text-align:center; padding:3px; }
.reservations TD.lien P A { text-decoration:none; color:#5c0515; }
.popup-resas { width:600px; height:400px; overflow:auto; }
.popup-resas .chambre { font-size:1em; font-weight:bold; }
.popup-resas UL { border-bottom:1px solid #666666; margin-bottom:5px; padding-bottom:5px; }
.popup-resas LI { margin-left:15px; }
.popup-resas LI EM { font-size:0.9em; font-style:italic; color:#666666; }
.reservations .details .update { float:right; }
.reservations .details LI { margin-left:25px; list-style: disc; }
.reservations .details LI EM { font-size:0.9em; font-style:italic; color:#666666; }


#contact { float:left; width:780px; margin-right:10px; margin-bottom:20px; min-height:480px; }
#contact FIELDSET { margin:15px 0 0 20px; }
#contact LABEL { width:150px; display:inline-block; font-weight:bold; vertical-align:top; padding:5px; }
#contact INPUT { width:400px; }
#contact TEXTAREA { width:400px; height:150px; }
#contact BUTTON { width:200px; }
#contact H3 { font-size:1.3em; font-weight:bold; }
#contact UL { margin:20px 5px 5px 30px; padding-bottom:20px; }
#contact LI { margin:10px; }
#contact LI STRONG { font-weight:bold; color:#5C0515; }