/*** Pré-requis Css ***/
* { margin: 0; padding: 0; }
HTML, BODY { height: 100%; }
BODY    { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; }
TABLE   { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; }
IMG     { display: none; }
A       { text-decoration: none; color: #FFF; }
A:hover { text-decoration: underline; }
OBJECT  { display: none; }

/*** Header ***/
#header { display:none; }

/*** Content ***/
#main { width:500px; }

/*** Home page ***/
#homeLeft   { height: 550px; padding: 0 14px 0 13px; margin: 5px 4px 0 0;  }
#homeCenter { display:none;  }
#homeRight  { height: 550px; padding: 0 10px 0 10px; margin: 5px 0 0 0;  }
#homeLeft H3, #homeRight H3 { font-size: 13px; font-weight: bold; margin: 15px 0 10px 0; }
#homeLeft P, #homeRight P   { line-height: 16px; margin: 0 0 14px 0; text-align: justify; }
#homeCenter P               { margin: 5px 0 5px 0; }
#homeLeft #vignettes        { display:none; }


/*** Pages internes ***/
/*** Colonne de gauche ***/
#columnLeft { display:none; }

/*** Zone article ***/
#article { width: 522px; height: 550px; padding: 0; font-size: 12px; }
HTML>BODY>#center>#content>#main>#article { min-height:550px; height:auto; }
#article H2 { font-size: 16px; font-weight: bold; margin: 17px 0 22px 0; }
#article H3 { font-size: 14px; font-weight: bold; margin: 17px 0 22px 0; }
#article H4 { font-size:12px; }
#article P  { line-height: 18px; margin: 0 0 14px 0; text-align: justify; }
#article UL { list-style:square outside; margin:0 0 14px 30px; }
#article LI { line-height: 16px; text-align: justify; margin:0 0 5px 0; }
#article A  { text-decoration:underline; font-weight:bold; }
#article HR { margin-bottom:10px; color:#DBEEF7; height:1px; }


/* Nos vols (horaires) */
TABLE#horaires { font-size:10px; width:520px; border:1px solid #fff; line-height:18px; margin-bottom:15px; text-align:center; }
#horaires TD   { width:40px; height:25px; }

/*** Formulaires ***/
FORM          { margin-bottom:20px; }
FORM P        { clear:both; margin-bottom:5px!important; }
FORM LABEL    { float:left; width:100px; display:block; text-align:left; }
FORM INPUT    { width:125px; margin:0 20px 8px 0; padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB; }
FORM SELECT   { width:135px; margin:0 5px 8px 0!important;  padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB;}
FORM TEXTAREA { float:left; width:153px; margin:0 5px 0 0!important;  padding: 0 0 1px 2px; font-size: 12px; background: #DBEEF7; border: 1px solid #0D6FA4; border-right: 1px solid #A0CFEB; border-bottom: 1px solid #A0CFEB; font-family: Verdana, Arial, Helvetica, sans-serif; }
.double INPUT { float:left; }
P.check       { padding-left:223px; }
P.check LABEL { display:inline; vertical-align:middle; float:none; margin-right:15px; }
INPUT.chk     { border:none; background:none; width:auto; height:auto; vertical-align:middle!important; padding:0; margin:0 4px 0 0!important; }

/* Boutique tshirt */
#boutique INPUT { vertical-align:middle; width:30px; margin:0 0 0 5px; text-align:center;}

/*** Billetterie ***/
#listeVols         { float:left; width:220px; text-align:left!important; }
#listeVols UL      { list-style:none; margin:0; }
#listeVols LI      { line-height:16px; height:15px; }
#listeVols A       { font-weight:normal; font-size:11px; }
#listeVols A:hover { background:none!important; font-weight:bold; }
#descVols          { float:right; width:279px; height:270px; margin-top:5px; background:url(../pics/charte/bg-descVol.png) top left no-repeat; position:relative; }
.descVol           { display:none; padding: 115px 21px 0 16px; position:relative; height:145px; }
.descVol DIV       { }
.descVol P         { line-height:14px!important; margin-bottom:18px!important; }
.tarif             { position:absolute; bottom:0; width:240px; text-align:right!important; }
.tarif STRONG      { font-size:16px; font-weight:bold; }
.quantite          { width:30px; text-align:center!important; vertical-align:middle; margin:0 0 0 5px; }
/*** Panier ***/
#addToCart INPUT   { vertical-align:top; }
#addToCart SELECT  { vertical-align:top; margin:5px 5px 0 0!important; }
#ajoutBillet       { float:left; cursor:pointer; width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-cart.gif) top left no-repeat!important; border:none!important; font-size:0px!important; text-indent:-9000px; margin:0 0 0 30px; }
#quantite          { width:30px; height:17px; text-align:center!important; margin:5px 5px 0 5px!important; float:left; }
#cart              { width:100%; border:2px solid #7EC2E0; margin:0 0 15px 0; }
#cart TH           { background-color:#7EC2E0; }
#cart TH.prix      {  }
#cart TD, #cart TH { padding:5px; text-align:center; }
#cart .cartVol TD  { border-bottom:1px solid #7EC2E0; }
#cart .cartFoot TD { background-color:#7EC2E0; padding:2px; margin-top:5px; font-size:13px; }
#cart .remove      { display:block; text-indent:-9000px; text-decoration:none; font-size:0; width:16px; height:16px; background:url(../pics/charte/cancel.png) top left no-repeat; margin:auto; }

/*** Formulaire de reservation ***/
.simple LABEL               { width:223px; }
.simple INPUT               { width:125px; }
.passagers                  { margin-bottom:8px!important; }
.passagers INPUT            { width:95px; margin:0 8px 0 0!important; }
.passagers LABEL            { width:50px!important; margin:0 5px 0 0; float:none; display:inline; }
.age, .poids                { width:25px!important; }
#matin, #soir               { width:auto; vertical-align:middle; float:none; height:auto; border:none; padding:0; background:none; }
.adresse INPUT              { width:375px; }

/* Recapitulatif */
.label     { float:left; clear:both; display:block; width:180px; }
.value     { float:right; display:block; width:320px; font-weight:bold; }
#modifier  { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-modifier.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; margin:auto; }
#confirmer { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-5.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; float:left; margin:0 0 20px 0; }

#recap_cb           { margin-bottom:0px; }
.btn_reglement      { display:block; float:left; width:80px; height:60px; padding:0; margin:5px 10px 0 0; border:none!important; text-indent:-9000px; font-size:0px; cursor:pointer; }
#btn_cheque         { background:url(../pics/charte/paiement-cheque.jpg) top left no-repeat; }
#btn_virement       { background:url(../pics/charte/paiement-virement.jpg) top left no-repeat; }
#btn_chequevacances { background:url(../pics/charte/paiement-ancv.jpg) top left no-repeat; }
#btn_cb             { background:url(../pics/charte/paiement-cb.jpg) top left no-repeat; }
#btn_especes        { background:url(../pics/charte/paiement-especes.jpg) top left no-repeat; }

/*** Contact ***/
#contactForm               { margin:30px 0 20px 0; }
#contactForm #type_demande { width:385px; }
#contactForm #description  { width:380px; }
#contactForm #envoyer      { width:154px!important; height:31px!important; background:url(../pics/charte/bg-envoyer.gif) top left no-repeat; border:none; font-size:0; text-indent:-9000px; cursor:pointer; margin:20px 0 0 210px!important; display:block; }

/*** Blog ***/
#comment_form          { padding:10px; margin-bottom:20px; }
#comment_form LABEL    { width:150px; }
#auteur, #texte        { width:300px; }
#comment_form #envoyer { width:154px!important; height:31px!important; background:url(../pics/charte/bg-envoyer.gif) top left no-repeat; border:none; font-size:0; text-indent:-9000px; cursor:pointer; margin:0 0 0 150px; display:block; }

/*** Logos page présentation ***/
#logos     { text-align:center!important; }
#logos IMG { margin:20px 30px 20px 20px; }

/*** Partenaires ***/
HTML>BODY>#center>#content>#main>#article>.partenaire { min-height:50px; height:auto; }
.partenaire     { width:100%; font-size:11px!important; height:50px; margin-bottom:40px; }
.partenaire IMG { float:left; margin: 5px 10px 0 0; border: 2px solid #FFF; }
.partenaire DIV { float: right; width: 330px; }
.partenaire H3  { margin:0 0 10px 0!important; }

/*** CGV ***/
#cgv { padding:5px; margin-bottom:40px; }

/*** Video "Vidéo d'un vol" ***/
.flv { height: 400px; width: 520px; padding: 20px 0 20px 0; margin: 8px 0 0 0; background: url(../pics/charte/bg-video.png) top left no-repeat; }
.flv DIV { border: 2px solid #FFF; width: 476px; height: 380px;  margin: 0 auto 0 auto; }

/*** Footer ***/
#footer               { display:none; }

/*** Styles génériques ***/
.spacer  { clear: both; font-size: 0px; height:0; }
.clear   { clear:both; }
.center  { text-align: center !important; }
.right   { text-align: right !important; }
.gauche  { float:left; }
.droite  { float:right; }
.vert    { color:#10AB37!important; font-size:13px; }
.rouge   { color:#FE314F!important; font-size:13px; text-decoration:none!important; }
.violet  { color:#9877DD!important; font-size:13px; }
.orange  { color:#FF6600!important; font-size:13px; }
.yellow  { color:#FFE900!important; font-size:13px; }
.sun     { color:#FFCC00!important; font-size:13px; }
.sky     { color:#11A4DE!important; font-size:13px; }
.bleu    { color:#5676E4!important; font-size:13px; }

.encart { background-color:#2897C7; padding:10px 5px 5px 5px; margin-bottom:15px; border:1px solid #DBEEF7; }
.encart H3 { margin-top:0!important; } 

.button  { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button.gif) top left no-repeat!important; border:none!important; font-size:0!important; text-indent:-9000px; cursor:pointer; display:block; }
.button2 { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-2.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; }
.button3 { width:310px!important; height:31px!important; background:url(../pics/charte/bg-button-3.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; }
.button4 { width:310px!important; height:31px!important; background:url(../pics/charte/bg-button-4.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; }
.button5 { width:154px!important; height:31px!important; background:url(../pics/charte/bg-button-5.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; }
.button6 { width:179px!important; height:31px!important; background:url(../pics/charte/bg-button-6.gif) top left no-repeat!important; border:none!important; font-size:0; text-indent:-9000px; cursor:pointer; display:block; margin:auto; }