@charset "iso-8859-1";
/* DATE DE CREATION : 10/02/2006 */

/* general */
html, body {color: #000; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 8pt; margin: 0; padding: 0; text-align: center; background: url(http://imgshop.lesbastides-trabeco.fr/sablage.jpg) 0 0 repeat; }
p {font-size: 8pt; color: #000; margin: 6px 0.5em 6px; }

/* menu haut */
#bar_m {position: relative; top: 7px; width: 960px; height: 140px; margin: 0px auto; font-size: 8pt; background: url(http://imgshop.lesbastides-trabeco.fr/bandeau.gif) top left no-repeat; }
#bar_m1 {position: absolute; text-decoration: none; top: 2px; left: 10px; width: 230px; height: 136px; }
#bar_m .trabeco {position: absolute; text-decoration: none; top: 0px; left: 320px; width: 250px; height: 36px; color: #008000; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 18pt; margin: 0px; padding-top: 20px; text-align: center; }
#bar_m .udmf {position: absolute; text-decoration: none; top: 42px; left: 320px; width: 250px; height: 68px; color: #008000; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 18pt; margin: 0px; padding-top: 20px; text-align: center; }
#bar_m .txt {position: absolute; text-decoration: none; top: 2px; left: 270px; width: 300px; height: 136px; color: #008000; font: x-small Verdana, Helvetica, Arial, Geneva, sans-serif; font-size: 18pt; margin: 0px; padding-top: 20px; text-align: center; }
#bar_m .img {position: absolute; text-decoration: none; top: 2px; left: 630px; width: 300px; height: 136px; }

/* position barre */
#cb {position: relative; top: 20px; width: 960px; height: 46px; margin: 0px auto; font-weight: bold; background: transparent; }
#cb .onglet_tsd {float: left; top: 0px; margin-left: 10px; width: 110px; height: 16px; text-align: center; color: #000; text-transform: uppercase; font-weight: bold; background: url(http://imgshop.lesbastides-trabeco.fr/cb_disponible.gif) top left no-repeat; line-height: 19px; }
#cb .onglet_tss {float: left; top: 0px; margin-left: 10px; width: 110px; height: 16px; text-align: center; color: #fff; text-transform: uppercase; font-weight: bold; background: url(http://imgshop.lesbastides-trabeco.fr/cb_selection.gif) top left no-repeat; line-height: 19px; }
#cb .a_tsd {display:block; font-weight: bold; color: #000;}
#cb .a_tss {display:block; font-weight: bold; color: #fff;}
#cb .a_tsd:hover {color: #aaa; font-weight: bold; }
#cb .a_tss:hover {color: #aaa; font-weight: bold; }
#cb .gauche {position: absolute; top: 16px; left: 0px; width: 16px; height: 30px; background: url(http://imgshop.lesbastides-trabeco.fr/cb_gauche.gif) top left no-repeat; }
#cb .centre {position: absolute; top: 16px; left: 16px; width: 830px; height: 30px; background: url(http://imgshop.lesbastides-trabeco.fr/cb_centre.gif) top left repeat-x; line-height: 30px; font-size: 8pt; font-weight: bold; margin: 0px; padding: 0px; text-align: left; }
#cb .droite {position: absolute; top: 16px; left: 846px; width: 16px; height: 30px; background: url(http://imgshop.lesbastides-trabeco.fr/cb_droite.gif) top left no-repeat; }

/* coeur */
#coeur {position: relative; top: 20px; width: 960px; margin: 0px auto; }

/* central */
#ct {display: block; float: left; position: relative; top: 10px; left: 0px; width: 940px; font-size: 8pt; padding: 10px; background: #fff; border: 1px solid #CF0032; background: url(http://imgshop.lesbastides-trabeco.fr/sablage35.jpg) top left repeat; }
#ct .entier {display: block; float: left; width: 930px; margin: 0px 0px 5px 0px; padding: 4px; border: 1px solid #CF0032; }
#ct .mini {float: left; width: 225px; margin: 2px 2px; padding: 0px; min-height: 70px; border: 1px dashed #CF0032; }
#ct .simple {float: left; width: 295px; margin: 7px 5px; padding: 0px; min-height: 70px; border: 1px dashed #CF0032; }
#ct .double {float: left; width: 600px; margin: 7px 5px; padding: 0px; min-height: 70px; border: 1px dashed #CF0032; }
#ct .triple {float: left; width: 920px; margin: 7px 5px; padding: 0px; min-height: 70px; border: 1px dashed #CF0032; }
#ct .bande {width: 295px; height: 43px; background: #FFFFFF url(http://imgshop.lesbastides-trabeco.fr/bande_texte.gif) top left no-repeat; color: #CF0032; text-align: left; font-size: 11pt; text-indent: 0.4in; line-height:0.40in; font-style: italic; font-weight: bold; }
#ct .bande2 {width: 600px; height: 43px; background: #FFFFFF url(http://imgshop.lesbastides-trabeco.fr/bande_texte.gif) top left no-repeat; color: #CF0032; text-align: left; font-size: 11pt; text-indent: 0.4in; line-height:0.40in; font-style: italic; font-weight: bold; }
#ct .bande3 {width: 920px; height: 43px; background: #FFFFFF url(http://imgshop.lesbastides-trabeco.fr/bande_texte.gif) top left no-repeat; color: #CF0032; text-align: left; font-size: 11pt; text-indent: 0.4in; line-height:0.40in; font-style: italic; font-weight: bold; }
#ct .simple_mod {float: left; width: 295px; margin: 7px 4px; padding: 0px; height: 280px; border: 1px dashed #CF0032; }

#ct .selection {float: left; width: 150px; margin: 7px 5px; padding: 0px; min-height: 500px; border: 0px solid #CF0032; }
#ct .selection2 {float: left; width: 150px; margin: 0px 0px 10px 0px; padding: 3px; min-height: 150px; border: 1px dotted #CF0032; }
#ct .coeur {float: left; width: 274px; margin: 5px; padding: 4px; background: #fff; border: 1px solid #CF0032;}
#ct .encart {float: left; width: 400px; margin: 5px; padding: 5px; background: #D4DEFF; border: 2px dotted #BDC7FF; text-align: justify; }

/* peton */
#bar_p {float: left; position: relative; left: 0px; top: 30px; width: 960px; height: 80px; font-size: 7.5pt; background: transparent; color: #A9A9A9; margin: 20px 0px 0px 0px;}
#bar_p a.lien {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #0065AD; }
#bar_p a.lien:hover {text-decoration: underline; font-size: 7pt; font-weight: bold; font-style: italic; color: #808080; }
#peton1 {position: relative; display: block; top: 0px; left: 0px; width: 960px; text-align: center; vertical-align: middle; font-weight: bold; }
#peton2 {position: relative; display: block; top: 0px; left: 0px; width: 960px; text-align: center; vertical-align: middle; font-weight: bold; }


/* lien */
a         {font-size : 8pt;text-decoration: underline;font-weight: normal;}
a:link    {text-decoration: none;color: #00c;}
a:visited {text-decoration: none;color: #00c;}
a:active  {text-decoration: underline;color: #c00;}
a:hover   {text-decoration: underline;color: #c00;}
a:focus   {text-decoration: underline;color: #c00;}

a.barre         {font-size : 8pt; text-decoration: underline; color: #000; font-weight: bold;}
a.barre:link    {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:visited {text-decoration: underline; color: #000; font-weight: bold;}
a.barre:active  {text-decoration: underline; color: #c00; font-weight: bold;}
a.barre:hover   {text-decoration: underline; color: #c00; font-weight: bold;}
a.barre:focus   {text-decoration: underline; color: #c00; font-weight: bold;}

a.boite         {float: left; display: block; font-size : 7pt; margin: 3px; padding: 5px 25px 5px 25px; background: #CF0032; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #BDC7FF; }
a.boite:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

a.boite2         {float: left; display: block; font-size : 7pt; margin: 7px; padding: 5px; background: #BC84D6; text-align: center; vertical-align: middle; text-decoration: underline; color: #fff; font-weight: bold; text-transform: uppercase; border: 2px solid #DBC1FF; }
a.boite2:link    {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:visited {text-decoration: none; color: #fff; font-weight: bold;}
a.boite2:active  {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:hover   {text-decoration: underline; color: #ccc; font-weight: bold;}
a.boite2:focus   {text-decoration: underline; color: #ccc; font-weight: bold;}

i {font-size: 8pt;}
b {font-size :8pt;text-decoration: none; font-weight: bold;}
u {font-size :8pt;text-decoration: underline; font-weight: bold;}
hr {color: #666699; text-align: center}
p {text-indent: 0.25in; line-height:0.18in; font-size: 8pt; text-align: justify;}
p.signature {color: #CF0032; line-height:0.18in; font-size: 10pt; font-style: italic; font-weight: bold; text-align: right;}
p.center {line-height:0.08in; font-size: 8pt; text-align: center;}
div {display: block; }

img          {border: 0px solid;}
img.photo    {padding: 5px; margin: 5px; background : #fff; border: 1px solid; border-color: #aaa #444 #444 #aaa; text-align: center;}
img.imgfloat {float : right; margin: 0px 0px 10px 10px;}

table.liste   {border: 1px solid #000; padding: 1px; width: 800px; background-color: #FFF; text-align: left; }
table.resume  {border: 1px dotted #000; padding: 1px; width: 90%; background-color: #FFF; text-align: left; }
td.photo      {width: 220px; text-align: center;}
td.resume     {width: 440px; text-align: center;}
td.pointille  {font-size: 8pt; border-bottom: 1px dotted #000; padding: 1px; }
td.continu    {font-size: 8pt; border-bottom: 1px solid #000; padding: 1px; }
td.lieu       {font-size: 12pt; font-style: italic; text-align: left; color: #800000;}
td.liendetail {font-weight: bold; font-style: italic; text-align: center; background: #FFF0E0; padding: 5px; }
td.prix       {font-size: 12pt; font-weight: bold; width: 140px; text-align: center; color: #800000;}

#zoom1  {position: static; top: 0px; left: 0px; }
#zoom2  {position: static; top: 0px; left: 0px; }
#zoom3  {position: static; top: 0px; left: 0px; }
#zoom4  {position: static; top: 0px; left: 0px; }

div.centre {position: static; padding: 10px; margin: 10px; font-size: 7pt; }
div.zoom   {position: static; padding: 15px 0px 15px 0px; margin: 10px; font-size: 7pt; }

legend {font-size: 8pt; font-weight: bold; border: 1px solid #000; padding: 2px; }
label  {font-size: 8pt; font-weight: bold; margin: 5px; padding: 5px; line-height: 20px; }