/* GENS */
body {margin: 0px; padding: 0px; text-align: center; background: url('images/template/background.png') top left repeat-x #ffcc00;}
form {margin: 0px;}
img  {border: none;}
p    {margin: 0px;}

/* DIVS */
.div-main {width: 850px; height:  auto; background: url('images/template/bg-main-10.gif') top left #ff9900; margin-left: auto; margin-right: auto; display: block;}
.div-head {width: 850px; height: 130px; background: url('images/template/bg-head-10.jpg') top left #ff9900; margin-left: auto; margin-right: auto; text-align: left; display: block;}
.div-tete {width: 220px; height:  45px; background: url('images/template/bg-head-10.gif') top left no-repeat #ff9900; position: relative; top: 85px; left: 0px; display: block; float: right; text-align: left;}
.div-menu {width: 850px; height:  35px; text-align: left;}
.div-text {width: 850px;                text-align: left;}
.div-rigt {width: 220px;                text-align: left; float: right;}
.div-pdfs {width: 200px; height: 120px; text-align: center; border-bottom: 1px solid #C9C9C9;}
.div-goog {width: 200px;                text-align: center; padding-top: 10px;}
.div-foot {width: 850px; height:  20px; text-align:   left; clear: both; font:      10px Verdana; color: #ff9900;}

	/* PARTIE COMMUNE AUX SALLES ET ACTIVITES */
.div-left {width: 620px; text-align: left;}
.div-lft1 {width: 175px; height:  100%; text-align:   left; float: left; font:      11px Verdana; color: #000000;}
.div-prv1 {width: 165px; height: 150px; text-align: center; font:      11px Verdana; color: #000000; margin-left: 10px; background: url('images/activites/bg-preview.gif') no-repeat; padding-top: 30px;}
.div-val1 {width: 430px; float:  right; text-align: center; margin-left: 10px;}
.div-team {width: 430px; height: 190px;  float:  right; text-align: left; margin-left: 10px; background: url('images/vie-club/bg-equipe.gif') no-repeat;}
.div-tit1 {width: 391px; height:  23px; text-align:   left; font: bold 14px Verdana; color: #000000; background: url('images/salles/bg-titre.gif') top left no-repeat; padding-top: 5px; padding-left: 35px; text-transform: uppercase;}
.div-txt1 {width: 426px;}

/* INPS */
.inp-date {width: 200px; text-align: center; font:      10px Verdana; color: #00000; border:              none; margin-top:  8px; background: none;}
.inp-letr {width: 150px; text-align:   left; font:      10px Verdana; color: #000000; border: 1px solid #000000; margin-left: 7px; background: url('images/template/bg-letter.gif') repeat;}
.frm-tete {margin-top: 1px; vertical-align: bottom;}

/* LIST */
.ul-menu {list-style: none; padding: 0px; margin: 0px;}
.li-menu-10 {width: 150px; height: 35px; background: url('images/template/menu-10.gif') no-repeat; float: left;}
.li-menu-15 {width: 150px; height: 35px; background: url('images/template/menu-15.gif') no-repeat; float: left;}
.li-menu-20 {width: 140px; height: 35px; background: url('images/template/menu-20.gif') no-repeat; float: left;}
.li-menu-25 {width: 140px; height: 35px; background: url('images/template/menu-25.gif') no-repeat; float: left;}
.li-menu-30 {width: 140px; height: 35px; background: url('images/template/menu-30.gif') no-repeat; float: left;}
.li-menu-35 {width: 140px; height: 35px; background: url('images/template/menu-35.gif') no-repeat; float: left;}
.li-menu-40 {width: 140px; height: 35px; background: url('images/template/menu-40.gif') no-repeat; float: left;}
.li-menu-45 {width: 140px; height: 35px; background: url('images/template/menu-45.gif') no-repeat; float: left;}
.li-menu-50 {width: 140px; height: 35px; background: url('images/template/menu-50.gif') no-repeat; float: left;}
.li-menu-55 {width: 140px; height: 35px; background: url('images/template/menu-55.gif') no-repeat; float: left;}
.li-menu-60 {width: 140px; height: 35px; background: url('images/template/menu-60.gif') no-repeat; float: left;}
.li-menu-65 {width: 140px; height: 35px; background: url('images/template/menu-65.gif') no-repeat; float: left;}

/* LNKS */
.l-menu-10 {width: 150px; height: 35px; display: block;}
.l-menu-20 {width: 140px; height: 35px; display: block;}
.l-pdfs {color: #000000; text-decoration: none; font:      10px Verdana;}
.l-pdfs:hover {color: #000000;}
.l-foot {color: #000000; text-decoration: none; font:      10px Verdana;}

/* TXTS */
.t-hide {display: none;}
.t-foot {position: relative; left: -160px;}

/* IMGS */
.img-pdfs {margin-bottom: 0px;}
.img-w3cv {position: relative; left: 640px;}
.img-cssv {position: relative; left: 654px;}

/* PARTIE PROMOTION */
.div-promo {width: 300px; text-align:   left; font:      11px Verdana; color: #000000; background: #000000; margin-left: auto; margin-right: auto;}
.div-print {width: 320px; text-align: center; font:      11px Verdana; color: #000000; background: #000000; margin-left: auto; margin-right: auto;}

/* INPS */
.inp-proi {text-align:   left; font:      10px Verdana; color: #000000; border: 1px solid #000000; margin-left: 7px; background: url('images/template/bg-letter.gif') repeat;}
.inp-pros {text-align: center; font:      10px Verdana; color: #000000; border: 1px solid #000000; margin-left: 7px; background: #FFF;}

/* LIST */
.ul-promo {list-style: none; padding: 0px; margin: 0px; display: block;}
.li-promo-00 {width: 300px; text-align:   left;}
.li-promo-05 {width: 295px; height: 41px; text-align:   left; background: url('images/template/bg-promo.gif') repeat-y; padding-bottom: 10px; padding-left: 5px; position: relative; top: -2px;}
.li-promo-10 {width: 100px; height: 21px; float:  left; text-align:  right; background: url('images/template/bg-promo-10.gif') repeat-y; color: #000000; padding-top:   4px; position: relative; top: -2px;}
.li-promo-20 {width: 200px; height: 21px; float: right; text-align:   left; background: url('images/template/bg-promo-20.gif') repeat-y; color: #000000; padding-top:   4px; position: relative; top: -2px;}
.li-promo-30 {width: 300px; height: 21px; float:  left; text-align: center; background: url('images/template/bg-promo.gif')    repeat-y; color: #000000; padding-top:   4px; position: relative; top: -2px;}
.li-promo-40 {width: 295px; height: 10px; float:  left; text-align:   left; background: url('images/template/bg-promo.gif')    repeat-y; color: #B2B2B2; padding-left:  5px; padding-top: 4px; position: relative; top: -2px; font:      9px verdana; border-top: 1px solid #B2B2B2;}
.li-promo-50 {width: 290px; height: 62px; float:  left; text-align:   left; background: url('images/template/bg-promo.gif')    repeat-y; color: #B2B2B2; padding-left: 10px; padding-top: 4px; position: relative; top: -2px; font:      9px verdana;}
.li-promo-60 {width: 300px; text-align:   left; float:  left; position: relative; top: -2px;}

/* TXTS */
.t-good {color: #00000;}
.t-eror {color: #CC0000;}