body { background-color:#000; color:#58585A; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; letter-spacing:0px; width : 100%; font-size:10pt; text-align: justify;} #layout, #layout1280, #top, #content, #pied, #colGauche, #colDroite {position:relative;} #layout {background-image: url(../images/fond.jpg) ; background-repeat: no-repeat; background-position: top; min-height:720px;} #layout.home {background-image: url(../images/fond-home.jpg) ; } #layout1280{width:1259px; margin:40px auto; min-height:785px;} #top {width : 100%; height :115px } #zoneLogo {width:260px; height : 150px;} #zoneActu {top : 0px; left : 253px; width:750px; height : 115px; overflow :hidden;} img.zoneActuImageActu{ width : 350px; top : 0px; left : 385px;} #newsTitre {top : 5px; left : 125px; width : 600px;} #newsContent {top : 48px; left : 120px; width : 250px;} #newsDate {width : 100%;} #newsDetail {width : 100%;} #colGauche{z-index: 10; position : relative; float : left; width : 221px; min-height : 604px;} #colDroite{ width : 782px; float:right; min-height : 604px;} #bottom, #bottom a {color : white;} #bottom a:hover {text-decoration:underline;} h1 {font-weight:bold; font-size:17pt;} /** COULEURS **/ .bleu {color: #1500FF !important ; } .gris {color: #666666; } .noir {color: #000; } .blanc {color: #fff !important;} .noirForce {color: #000 !important; } .rouge {color: #E5342C !important;} .encadreRouge {border:1px solid #E5342C;} .orange {color: #F49622;} .blink {text-decoration:blink;} /*******************************************************************/ .fondBlank { background-image: url(../images/fond-page-blank.png) ;} /**HOME **/ .fondHome { background-image: url(../images/fond-page-home.png) ;} #lienHome{top:35px; left : 60px; width : 120px; height : 70px; cursor:pointer;} /**KART**/ .fondKart {background-image: url(../images/fond-page-kart.png) ;} .fondKart2 {background-image: url(../images/fond-page-kart2.png) ;} .fondeven {background-image: url(../images/fond-page-even.png) ;} #kart3 a {width:100%; height:100%;} #kart1{position : absolute; top:30px; left : 280px; width : 445px;} #kart2{position : absolute; top:120px; left : 40px;} #kart2 p {padding-left:80px; font-size:8pt; width : 500px;} #kart3{position : absolute; top:150px; left : 530px; height:200px; width : 210px;} #kart3 div{ cursor:pointer;} #kart-photos{height:200px;width :105px; float:left; } #kart-videos{height:200px;width :105px; float:right;} #kart-evenements *, #kart-anniversaires * { cursor: pointer;} #kart4 {position : absolute; cursor:pointer; top : 190px; left : 350px;} #kart-evenements{ height:90px;width :155px; } #kart-anniversaires{ height:90px;width :155px; } .headerKart { background:transparent url(../images/picto-kart-bleu.gif) no-repeat scroll 30px 0; display:block; line-height:25px; text-decoration:none; } .headerKartNolh { background:transparent url(../images/picto-kart-bleu.gif) no-repeat scroll 30px 0; display:block; text-decoration:none; } ul.programme {margin-left : 80px; width : 500px;} ul.programme li {line-height:15px;} /**PAINTBALL**/ #lazer{position : absolute; top:75px; left : 180px; width : 109px; height : 57px;background-image: url(../images/newpaintball-lazer.png) ;} #homePain{background-image: url(../images/newpaintball.png) ;width : 691px; height : 598px; background-repeat: no-repeat; margin : 4px 0px 0px 68px;} .fondPain {background-image: url(../images/fond-page-pain.png) ;} .fondPainLazer {background-image: url(../images/fond-page-lazer.png) ;} #pain1{position : absolute; top:30px; left : 280px; width : 445px;} #pain2{position : absolute; top:130px; left : 40px;} #pain2 p {padding-left:80px; width : 520px;} .headerPain {background:transparent url(../images/picto-pain-rouge.gif) no-repeat scroll 30px 0; display:block; line-height:25px; text-decoration:none; } #pain3 {position : absolute; top:250px; left : 380px; height:200px; width : 100px; cursor:pointer;} #pain-photos {display: block; height: 100px; width: 100px; cursor:pointer; background-image: url("../images/trans.gif"); background-repeat: repeat; } #pain-videos {display: block; height: 100px; width: 100px; cursor:pointer; background-image: url("../images/trans.gif"); background-repeat: repeat;} #pain-photos *,#pain-videos * {cursor:pointer;} #pain4 {position : absolute; cursor:pointer; top : 200px; left : 580px;} #pain4 div {cursor:pointer;} #pain-evenements{ height:150px;width :155px; } #pain-anniversaires{ height:150px;width :155px; } p.ppaintball{line-height: 24px;} #gateauanniv{ margin-left : 130px;} /**QUAD**/ .fondQuad { background-image: url(../images/fond-page-quad.png) ;} .fondQuadch { background-image: url(../images/fond-quad-2011-08-01.png) ; background-position: top left;} #quad1 { position : absolute; top:30px; left : 220px; width : 485px;} #quad2 { position : absolute; top:120px; left : 40px;} #quad2 p { padding-left:60px;} #quad2 p.limitwidth { margin-right : 80px;} .headerQuad { background:transparent url(../images/picto-quad-orange.gif) no-repeat scroll 30px 5px; display:block; line-height:25px; text-decoration:none; } #quad3 { position : absolute; top:120px; left : 320px; width : 400px;} #quad3 p { padding-left:30px;} #quad3 p.headerQuad{padding-left:60px;} #quad-evenements *, #quad-anniversaires * { cursor: pointer;} /**evenement**/ #evenement{position : absolute; top : 59px; left : 0px;} #quad31 {cursor:pointer; position : absolute; top:230px; left : 640px; height:120px; width : 100px;} #quad4{ position : absolute; top:355px; left : 400px; height:70px; width : 300px;} #quad-photos{position : absolute;height:70px;width :75px; left : 20px;} #quad-videos{position : absolute;height:70px;width :75px; left : 200px;} #quad-videos div, #quad-photos div { cursor:pointer;} #quad5{cursor:pointer; position : absolute; top:430px; left : 470px; height:50px; width : 150px;} /** RESERVATION **/ .fondRese { background-image: url(../images/fond-page-rese.png) ;} #rese1 { position : absolute; top:30px; left : 120px; width : 785px;} #formulaire {width : 600px; position : absolute; top : 105px; left : 80px;} fieldset {border:0 none;padding:2px 0;} fieldset span {font-weight : bold;} .demi { float:left; width:48%; background-color : white;} .comment { float:left; width:75%;} .demi label, .full label, .comment label {display:block;padding:4px;text-align:right;} #cal1Container {position : absolute;} input, textarea, select {color: #666666; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; } #submit {position : absolute; top:270px; left : 510px; ;border:none; cursor:pointer; width : 100px; height: 40px} select, input {width : 150px;} .med {width : 80px;} .lar {width : 180px !important;} .vlar {width : 300px;} .nor {width : auto;} /******************PAGE CONTENU********************/ #contenuContenu { padding-left : 40px;} #contenuContenu img {vertical-align : top; width : 300px;margin : 3px auto !important;} #contenuContenu p {width : 200px; margin : 0px auto !important;} div.center {margin : 0px auto !important; text-align:center;} .bigImage {width : 300px !important;} /** panneau contenu **/ #panneau { width : 743px; font-family:Arial, Helvetica, sans-serif;} #panneau-top {background-image: url("../images/content-top.png"); background-repeat:no-repeat; height : 53px; } #panneau-middle {background-image: url("../images/content-middle.png"); background-repeat:repeat; height:490px; overflow-y : scroll; overflow-x : hidden; } #panneau-bottom { background-image: url("../images/content-bottom.png"); background-repeat:no-repeat; height : 55px; } #panneau ul {margin : 0px 45px 0px 5px; } #panneau p.first {margin-top : 0px;} #panneau p.last {margin-bottom : 0px;} #panneau p.MsoNormal{margin-top : 0px;margin-bottom : 0px;} #panneau li {margin-left : 15px;} #panneau b {color : black;} .pave {padding-left : 40px; } .pave-head {text-align: left;} .pave-photo { float:left; margin:15px 30px 10px 0; min-height:65px; width:140px; background-color : white;} .pave-photo img {width : 150px;} .pave-desc { padding-top:5px; float:right; width : 510px; } .pave-desc p {margin : 2px 45px 2px 10px; text-align:justify;} .pave-photo-large { float:left; margin:0 30px 10px 0; min-height:65px; width:200px; background-color : white;} .pave-photo-large img {width : 200px;} .pave-desc-large { padding-top:5px; float:right; width : 440px; } .pave-desc-large p {margin : 2px 45px 2px 10px; text-align:justify;} /** page recap**/ table.recap {padding: 0px;border-spacing:0px 0px; text-align : center; border:1px solid #ddd !important;} table.recap td {width: 50px;height: 20px; border:1px solid #ddd; } table.recap p {margin : 0 0 0 0 !important; text-align : center !important; display:inline-block !important;} tr.rouge span {color : #E5342C;} /** pied de page **/ .ficheLeft { top :180px; left : 60px;} .ficheRight { top :180px; left : 720px;} .validation-failed {border:1px solid #F33; background-color:#FCC;} /** MENU **/ #menuitem {cursor:pointer;} #menu {position : relative; top : 75px; left : 0;} #menu a {width:100%; height:100%; cursor:pointer;} #menu li {list-style-type:none;} #menu div.h33 {height :33px;} #menu div.h32 {height :33px;} .menuh33 {position : relative; left : 0; width: 221px; height: 33px; background-repeat: no-repeat; padding: 0; margin: 0; float: left; z-index: 70;} .menuh32 {position : relative; left : 0; width: 221px; height: 32px; background-repeat: no-repeat; padding: 0; margin: 0; float: left; z-index: 70;} .menuhsep {position : relative; left : 0; width: 221px; height: 20px; background-repeat: no-repeat; padding: 0; margin: 0; float: left; z-index: 70;} #pain { background-image: url("../images/menu/menu-pain.png");} #pain.actif {background-image: url("../images/menu/menu-pain-on.png");} #pain.over {background-image: url("../images/menu/menu-pain-over.png");} #kart { background-image: url("../images/menu/menu-kart.png");} #kart.actif {background-image: url("../images/menu/menu-kart-on.png");} #kart.over {background-image: url("../images/menu/menu-kart-over.png");} #quad { background-image: url("../images/menu/menu-quad.png");} #quad.actif {background-image: url("../images/menu/menu-quad-on.png");} #quad.over {background-image: url("../images/menu/menu-quad-over.png");} #autr { background-image: url("../images/menu/menu-autr.png");} #autr.actif {background-image: url("../images/menu/menu-autr-on.png");} #autr.over {background-image: url("../images/menu/menu-autr-over.png");} #jour { background-image: url("../images/menu/menu-jour.png");} #jour.actif {background-image: url("../images/menu/menu-jour-on.png");} #jour.over {background-image: url("../images/menu/menu-jour-over.png");} #rese { background-image: url("../images/menu/menu-rese.png");} #rese.actif {background-image: url("../images/menu/menu-rese-on.png");} #rese.over {background-image: url("../images/menu/menu-rese-over.png");} #parc { background-image: url("../images/menu/menu-parc.png");} #parc.actif {background-image: url("../images/menu/menu-parc-on.png");} #parc.over {background-image: url("../images/menu/menu-parc-over.png");} #foru { background-image: url("../images/menu/menu-foru.png");} #foru.actif {background-image: url("../images/menu/menu-foru-on.png");} #foru.over {background-image: url("../images/menu/menu-foru-over.png");} #even { background-image: url("../images/menu/menu-even.png");} #even.actif {background-image: url("../images/menu/menu-even-on.png");} #even.over {background-image: url("../images/menu/menu-even-over.png");} /** backend **/ #backend { margin:40px auto;padding : 0px 20px 0px 220px;} #sf_admin_container{ background-color : #FBDFDE; } #blocActions-back { float:none !important; padding-top : 70px; } #blocActions-back ul { margin: 0 !important; padding: 0 !important; list-style: none !important; padding-top : 50px !important; width : 200px; } .blocAction{ display: block !important; height: 20px !important; float: left !important; margin: 0 10px 10px 0 !important; padding: 5px !important; border: 1px solid #f3f3f3 !important; background-color : #E5342C !important; width : 180px; } a.footerAction { font-size: 14px !important; text-transform: lowercase !important; font-variant: small-caps !important; color: #fff !important; margin-left: 5px !important; margin-right: 5px !important; margin-top: 0px !important; margin-bottom: 5px !important; width : 180px; } td.q1_actif, td.q2_actif,td.q3_actif{ background-color:#FCC !important; border:1px solid #F33!important; font-weight: bold; color : black;} /*td.q2_actif{ border:1px solid red !important; font-weight: bold; } td.q3_actif{ background-image:url("../images/hachures_v_orange3.gif"); background-repeat: repeat; background-position: top left; font-weight: bold;} */select.selectFormule {width : 250px;} span a.activate {font-weight: bolder; font-size: 14px;color: red;} span a.deactivate {font-weight: bolder; font-size: 14px;color: green;} u.redstar {padding-left: 15px; background-image: url("../images/star.png"); background-position: 0px; background-repeat: no-repeat;}