/** Feuille de styles L'ESCALE DE L'ESTRIE */

/** Éléments de base */
table.mainContent{
    width: 805px;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
td{
    font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px;
}
p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; padding-top:0px; margin-top:0px }
input {font-size: 9px; background-color: #FDF5F9; border:#F39FC9 solid 1px;}
input.checkbox{margin: 0px; padding: 0px; border: none; background-color:#FFFFFF }
input.bouton{font-size: 11px; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular; background-color: #E10E78; margin: 0px; padding: 2px;  border-top: solid 1px #F39FC9;  border-left: solid 1px #F39FC9;  border-top: solid 1px #FDF5F9;  border-right: solid 1px #FDF5F9; }
textarea {font-size: 11px; background-color: #FDF5F9; border:#F39FC9 solid 1px;}
a:link {color: #0091CD; text-decoration: none; }
a:visited {color: #0091CD; text-decoration: none; }
a:active{color: #0091CD; text-decoration: none; }
a:hover{color: #0091CD; text-decoration: underline; }


/** Liens en haut et bas de page */

td.liensbas {
    font-size: 12px;
    line-height:20px;
    padding: 24px 0 0 240px;
    font-family: "TREBUCHET MS";
    text-align: left;
    word-spacing: -2px;
    font-weight: bold;
}
td.liensbas a{color: #0091CD;}
td.liensbas a:visited{color: #0091CD;}
td.liensbas span{
    padding: 0 5px 0 6px;
    color: #0091CD;
    font-weight: bolder;
}
td.liensbas span.pipe{
    color: #E10E78;
    font-weight: bolder;
}

/** Filets */

.filet_bas { border-bottom : 1px solid #0091CD; }
.filet_gauche { border-left : 1px solid #0091CD; }
.filet_droit { text-align: right; border-right : 1px solid #0091CD; }
.filet_droit_rose{ border-right : 1px solid #F39FC9; }
.filet_haut { border-top : 1px solid #0091CD; }

/** Cellule */

.cellule_smenu{ padding-left:15px; padding-top:85px; padding-bottom:0px }
.smenu { padding-top:5px; padding-bottom:5px; }
.ssmenu { padding-bottom:5px; }
#fondblanc { position:absolute; left:215px; top:0px; width:325px; height:407px; z-index:1; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; background-color:#FFFFFF }
#fondcarte { position:absolute; left:0px; top:0px; width:620px; height:407px; z-index:1; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; background-color:#FFFFFF }
#Contenu { position:absolute; left:225px; top:0px; width:340px; z-index:20; padding-top:30px; }
#Texte { position:absolute; left:225px; top:81px; width:335px; z-index:30; height: 326px; overflow:auto }
#Carte { position:absolute; left:10px; top:0px; width:610px; z-index:20; padding-top:30px; height: 378px; }

/** Titres et textes */

.grand_titre {font-family: "Arial black";color: #E10E77; font-size: 18px; padding: 0px; margin: 0px; }
.grand_sous_titre {font-family: "Arial black";color: #E10E77; font-size: 13px; padding: 6px 0 0 0; margin: 0px; }
.titre {font-family: "Arial black";color: #0091CD; font-size: 17px; font-weight: bold; padding: 0px; margin: 0px; }
.sous_titre {color: #0091CB; font-size: 13px; font-weight: bolder; padding: 6px 0 0 0px; margin: 0px;}
.sous_titre_cycle{color: #000000; font-size: 11px; font-weight: bold; padding: 0px; margin: 0px;}
.notes {font-size: 9px; color: #666666;}
.texte {font-size: 11px; color: #E10E78; padding:14px}
.texte_bleu{color: #0091CD;}
.texte_rose{color: #E10E78;}
.texte_petit_rose{font-size: 10px; color: #E10E78;}
.texte_petit_bleu{font-size: 10px; color: #0091CD;}
.texte_carte{font-size: 11px; color: #E10E78;}

table.footer{
    width: 870px;
    border: none;
    border-spacing: 0;
    border-collapse: collapse;
}
td.footer {
    font-size: 9px;
    color:#666666;
    line-height:20px;
    padding: 18px 0 0 240px
}
/* Style for the form donate*/
form{
    width: 290px
}
form input.small{
    width: 124px;
    display: inline-block;
    margin-right: 15px;
}
dl dt{
    display: inline;
    float: left;
    width: 145px;
}
dl dd{
    margin: 0;
}
form input.large{
    width: 270px;
    display: inline-block;
    margin-right: 15px;
}
form label.left{
    display: inline-block;
    padding: 5px 0 2px 0;
}
form label.right{
    display: inline-block;
    padding: 5px 0 2px 0;
}
form label.large{
    display: inline-block;
    float: left;
    margin-right: 100px;
    padding: 5px 0 2px 0;
}

form label.singleLine{
    display: inline-block;
    margin-right: 20px;
    padding: 15px 0 20px 0;
}
form input.singleLine{
    width: 130px;
    display: inline-block;
}

.titleBlue {
    color: #0091CD;
    font-weight: bold;
    width: 280px;
    float: left;
}

.uppercase{
    text-transform: uppercase;
}
div#ticket input.right{

    float: right;
    margin: 20px 16px 7px 0px;
}
div#ticket dd{
    float: left;
}
div#ticket input.left{
    float: left;
    /*    display: inline-block;*/
    margin: 20px 0 7px 0px;
}

.blueLine{
    color: #0091CD;
    float: left;
    width: 280px;
}
#total{
    float: left;
    width: 280px;
    text-align: right;
    margin-top: 10px;
}
#total input{
    margin-right: 0px;
    text-align: right;
    padding-right: 5px;
    color: #000;
}
.facturation{
    float: left;
    margin-top: 20px;
}
input.order{
    text-transform: uppercase;
    width: 124px;
    margin-top: 20px;
}
.checkboxEvent{
    display: inline-block;
    margin-top: 5px;
}
.labelCheckbox{
    display: inline-block;
    width: 260px;
    margin-top: 0px;
}
.labelCheckboxText{
    display: inline-block;
    width: 280px;
    margin-top: 15px;
}
#addressReceiptTxt, #addressDelivTxt, .other{
    display: none;
}
.bold {
    font-weight: bold;
}
#error{
    padding-left:15px;
    font-weight: bold;
    color: #000000;
}
.blueList{
    margin-bottom:5px;
    margin-top:5px;
    padding-left:15px;
    color: #0091CD;
}
.li {
    padding: 0;
}

.sum{
    text-align: right;
    padding-right: 5px;
}

label.erreurChamp{
    color: green;
}
form div.left{
    float: left;
    width: 140px;
    
}
form div.right{
    float: left;
    width: 140px;
}
form div.left input,form div.right input, form div.right label, form div.left label{
    display: block;

}