/* STYLES DE BASE */ /* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} ol,ul{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym{border:0;} h1{color:#AAD12D;font-size:18px;padding:10px 0;} h2{color:#666666;font-size:14px;font-style:italic;padding:10px 10px 10px 0;} a{color:#333333;} a:hover{text-decoration:none;} .clear{clear:both;display:block;} fieldset{margin-bottom:10px;padding:10px 10px 15px 10px;} legend{color:#AAD12D;font-size:13px;font-weight:bold;padding:0px 10px;} input,textarea{border:solid 1px grey;} */ /* CONTAINER */ /* body{font-family:Arial,Helvetica,sans-serif;background:#333333;color:#333333;margin:20px;font-size:12px;} #container{background:white;width:940px;margin:0 auto 0 auto;} */ /* BLOCS GENERAUX */ /* #top{} #left{float:left;width:190px;padding:0 10px 10px 10px;} */ /* width:210px */ /* #center{float:left;width:530px;padding:10px;} */ /* width:550px */ /* #right{float:left;width:170px;padding:0 10px 10px 10px;} */ /* width:190px */ /* #bottom{clear:both;background:#333333;text-align:center;color:white;} #bottom-content{text-align:center;margin:0 auto;width:950px;} */ /* AUTRES BLOCS */ /* #menuh{background:#E5E5E5;height:30px;text-align:center;} #menuv{} #breadcrumb{font-size:10px;color:#666666;} #breadcrumb a{color:#666666;} .widget{border:1px solid #E5E5E5;margin-top:20px;} */ /* HEADER */ /* #logo{display:block;background:url("images/logo.png") no-repeat center;width:210px;height:120px;} #langage{position:absolute;top:20px;margin-left:900px;} #lg-fr,#lg-en{display:block;width:30px;height:15px;margin-top:5px;} #lg-fr{background:url("images/fr.png") no-repeat;} #lg-en{background:url("images/en.png") no-repeat;} */ /* MENU HORIZONTAL */ /* #menuh{z-index:1000;} #menuh div{display:inline;float:left;} #menuh div ul{position:absolute;margin:0px 0 0 0;background-color:#CCCCCC;line-height:25px;border:1px solid black;border-top:none;} #menuh div ul li{font-size:10px;} #menuh div a{font-weight:bold;text-decoration:none;display:block;line-height:30px;padding:0 10px 0 10px;} #menuh div a:hover{background-color:#006AB5;color:white;} #menuh div a.selected{background-color:#006AB5;color:white;} #menuh div ul a{text-align:left;} #menuh div ul a:hover{background:white;color:#333333;} #menuh div#push{background:#aad12d;width:170px;float:right;} #menuh div#push a{color:white;} */ /* MENU VERTICAL */ /* #menuv li{display:inline;} #menuv li a{margin-top:10px;border-bottom:1px solid #E5E5E5;display:block;line-height:25px;text-decoration:none;font-weight:bold;} #menuv li ul{} #menuv li ul a{font-weight:normal;margin-top:0;border:none;line-height:20px;padding-left:10px;color:#666666;} */ /* PIED DE PAGE */ /* #menup li{display:inline;} #menup li a{color:white;line-height:30px;} */ /* ID ET CLASSES DU CENTRE */ /* #center .text{line-height:18px;} #center .img{float:left;margin:0 10px 10px 0;} #center .list{border-top:1px solid #EDEDED;clear:both;padding:10px;overflow:hidden;} #center .list div{font-style:italic;margin-top:5px;} */ /* WIDGETS */ /* .widget h6{background:#006ab5;color:white;font-weight:bold;text-align:center;padding:5px;} .widget ul{padding:5px;} .widget p{padding:5px;text-align:right;} */ /* FORM */ /* .obligatoire{color:#AAD12D;font-weight:bold;} input.error,textarea.error{background-color:#FFBFBF;} */ /* RESET YUI */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0; } address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } q:before,q:after { content:''; } abbr,acronym { border:0; } a{color: #000000; text-decoration:none;} a:hover { text-decoration:none; } label { cursor: pointer; } /* GENERAL BLOCK */ body { font-family: Helvetica, Verdana,sans-serif; color: #000000; font-size:68.75%; background:#575B5E;} #container { width: 1000px; margin: 0 auto; background: #ffffff;} #top {width:100%; height:418px; padding:0; margin:0; position: relative; } #main {width:100%; padding:0; margin:0;} #left {float: left; width: 325px; margin:25px 0 0 20px; } #center {float: left; width:325px; margin:55px 0 0 30px; padding:0;} #right {float: left; width: 270px; margin:55px 0 0 20px; padding:0; } #bottom { width:100%; height: 62px; background: #999999; } /* GENERAL STYLES */ .float_left { float: left; } .float_right { float: right; } .noBorder { border: none; } /* Clear les float */ .clear { clear: both; } .floatbox { overflow: hidden; } .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } .clearfix { display:block; } /* Fonts */ .gothic { font-family:"Century Gothic",Arial,sans-serif; } .bell { font-family: "Bell MT",Garamond,"Times New Roman",Georgia,serif; } .cambria { font-family: Cambria, serif; } /* Titles */ h1 {} h2 {} h3 {} /* TOP */ #top #top-left{width:250px; position: absolute; left: 0; top: 0; } #top #menu{width:250px; background:#d62eaf; margin:125px 0 0 0;} #top #menu a#logo {display:block; background:transparent url(/styles/images/logo-bagatelle.gif) no-repeat top left; width:100%; height:69px;text-indent:-9999px;overflow:hidden;} #top #menu ul {background:#d62eaf; margin: 10px 0 0 10px ;} #top #menu ul li{padding:5px 0;} #top #menu ul li a{font:normal 12px Helvetica, Verdana; line-height:14px; color: #ffffff;text-transform:uppercase;} #top #menu ul li a:hover{text-decoration:none;} #top #menu-lang{ margin:10px 0 0 10px;} #top #menu-lang ul{margin:0; padding:0; height:20px; } #top #menu-lang ul li{margin:0; padding:0; width:20px;float:left; background:#d62eaf; text-align:center; line-height:20px;border-right:1px solid #b60d8d; border-top:1px solid #b60d8d; border-bottom:1px solid #b60d8d; } #top #menu-lang ul li a{color: #ffffff; } #top #menu-lang ul li.actif a{color: #ffffff;font-weight:bold; } #top #menu-lang ul #menu-lang-fr{border-left:1px solid #b60d8d;} #top #top-right{width:480px; position: absolute; right: 0; top: 0; padding:20px 0 0 0;} #top #top-right #top-demandez{width:210px; float:right; margin:0 3px 0 0;background:#d62eaf; height:50px; } #top #top-right #top-demandez p{font:bold 11px Helvetica, Verdana; line-height:12px; color: #ffffff; margin:5px 0 0 10px;} #top #top-right #top-demandez p.gros{line-height:22x; text-transform:uppercase; margin:2px 0 0 10px;} #top #top-right #top-demandez p.gros a{font:normal 18px Helvetica, Verdana; line-height:22px; color: #ffffff; background: transparent url(/styles/images/puce-devis.gif) no-repeat top right; padding:0 18px 0 0;} #top #top-right #top-reserver{width:260px; float:right; height:50px; background:#d62eaf url(/styles/images/bg-top-reserver.gif) no-repeat top right;} #top #top-right #top-reserver p{font:bold 11px Helvetica, Verdana; line-height:12px; color: #ffffff; margin:5px 0 0 10px;} #top #top-right #top-reserver p.gros{font:normal 22px Helvetica, Verdana; line-height:22x; color: #ffffff; text-transform:uppercase; margin:2px 0 0 10px;} #top #top-right #top-evenementiel{width:260px; float:right;background:#000000; height:50px; margin:3px 0 0 0;} #top #top-right #top-evenementiel p{font:bold 11px Helvetica, Verdana; line-height:12px; color: #ffffff; margin:5px 0 0 10px;} #top #top-right #top-evenementiel p.gros{font:normal 22px Helvetica, Verdana; line-height:22px; color: #ffffff; text-transform:uppercase; margin:2px 0 0 10px;} /* CONTENT */ /* main */ /* Left column */ #left h3{font:normal 22px Helvetica, Verdana; line-height:22px; color: #666666; } #left #left-image{margin:7px 0 0 0; position:relative;} #left #left-image #left-image-img{ z-index:0;} #left #left-image #left-image-img img{ border:1px solid #cecece; } #left #left-image #left-image-text{position:absolute; top:25px; left:0; z-index:100;} #left #left-image #left-image-text a{background: transparent url(/styles/images/bg-left-image-text.gif) no-repeat top right; padding:5px 25px 5px 25px; line-height:22px; color: #cccccc; font:bold 11px Helvetica, Verdana;} #left #left-content {position:relative;} #left #left-content h4{font:normal 16px Helvetica, Verdana; line-height:16px; color: #000000; margin: 0 0 10px 0;} #left #left-content p{font:normal 11px Helvetica, Verdana; line-height:16px; color: #000000; text-align:justify; padding:5px 0;} #left #left-content p span{font:bold 11px Helvetica, Verdana; text-transform:uppercase;} #left #left-content p.lienplus a{font:bold 11px Helvetica, Verdana; color: #000000;background: transparent url(/styles/images/puce-plus.gif) no-repeat top right; padding:0 18px 0 0;} #left #left-content .separation {border-bottom:1px solid #cccccc; width:100%; margin: 10px auto; padding:0;} /* Center column */ #center-video {background:#cccccc; } #center #center-video-content {padding:10px;margin: 0 0 10px 0;} #center h3{font:normal 22px Helvetica, Verdana; line-height:22x; color: #666666; margin: 10px 0;} #center h4{border-bottom: 1px dotted #cccccc; color:#666666; font:bold 11px Helvetica, Verdana; padding: 0 0 10px 0;} #center h4 span{ font:normal 11px Helvetica, Verdana;} #center p{font:normal 11px Helvetica, Verdana; line-height:16x; color: #000000; text-align:justify; padding:5px 0;} #center p span{font:bold 11px Helvetica, Verdana; text-transform:uppercase;} #center p.lienplus a{font:bold 11px Helvetica, Verdana; color: #000000;background: transparent url(/styles/images/puce-plus.gif) no-repeat top right; padding:0 18px 0 0;} #center .double-separation {border-top:1px solid #cccccc;width:100%; margin: 0; padding:1px 0 0 0;font-size:1px;} .contenu { font-family: Verdana, sans-serif; } .contenu h1 { font-family: Tahoma, Helvetica, Arial, sans-serif; font-size: 20px; color: #666666; font-weight: normal; margin-bottom: 10px; } .contenu h2 { font-family: Verdana, sans-serif; font-weight: normal; font-size: 16px; color: #666666; margin-bottom: 10px; } #center h3.rubrique { font-size: 14px; margin: 15px 0 5px; } .contenu img.img { display: block; margin-bottom: 5px; } .contenu ul, .contenu li { margin-left: 1em; } .contenu li { list-style-type: disc; } .list { overflow: hidden; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px dotted #CCCCCC; } .list img.img { float: left; margin: 0 10px 5px 0; } #center .list h4 { padding: 0; border: 0; } #main .contenu .double-separation { margin-bottom: 10px; } /* Right column */ #right h3{font:normal 22px Helvetica, Verdana; line-height:22x; color: #666666; margin: 10px 0;} #right #actualites-top {background:#999999; height:40px; padding:0; margin:0;} #right #actualites-top #actualites-top-left{font:bold 16px Helvetica, Verdana; color: #000000; margin:0; float:left; padding:10px 0 0 10px; } #right #actualites-top #actualites-top-right{font:bold 11px Helvetica, Verdana; color: #000000; text-align:right; margin:0; float:right; padding:10px 10px 0 0 ; } #right #actualites-top #actualites-top-right a{background: transparent url(/styles/images/puce-toute-actualite.gif) no-repeat top right; padding:3px 22px 3px 0; line-height:18px;} #right .actualites-content {background:#cccccc; padding:10px; margin:0 0 1px 0;} #right .actualites-content h4, #right .actualites-content h4 a{font:bold 12px Helvetica, Verdana; line-height:14px; color: #000000; margin:0;} #right .actualites-content p{font:normal 11px Helvetica, Verdana; line-height:14px; color: #000000; margin:2px 0; } #right .actualites-content p a{font:normal 11px Helvetica, Verdana; line-height:14px; color: #000000;} #right .actualites-content p.date{font:normal 11px Helvetica, Verdana; line-height:14px; color: #000000; margin:0;} #right #formulaire-devis{width:171px; margin:10px auto;} #right #formulaire-devis p{margin:5px 0;} #right #formulaire-devis p select{width:171px; font:normal 10px Helvetica, Verdana; color:#999999; border:1px solid #7f7f7f; line-height:12px;} #right #formulaire-devis .input-text{width:171px; font:normal 10px Helvetica, Verdana; color:#999999; border:1px solid #7f7f7f; padding:2px;} #right #formulaire-devis .input-btn {background:url(/styles/images/input-btn-reserver.gif) no-repeat scroll 0 0 transparent;border:0 none;color:white; cursor:pointer; font:normal 18px Helvetica, Verdana;;height:40px;margin-top:5px;width:171px;} /* BOTTOM */ #bottom-adresse {no-repeat top right; float:left; padding:20px 15px 0 15px; color: #ffffff; font:normal 13px Arial;} #bottom-logo {background:#999999 url(/styles/images/bg-footer-sep.gif) no-repeat top right; float:left; padding:15px 15px 0 15px;} #bottom-infos {background:#999999 url(/styles/images/bg-footer-sep.gif) no-repeat top right; float:left; padding:15px 15px 0 15px;} #bottom-infos p{font:bold 10px Arial, Verdana; line-height:14px; color: #ffffff;} #bottom-infos p.telephone{font:normal 22px Arial, Verdana; line-height:22px; color: #ffffff;} #bottom-liens {float:left; padding:15px 15px 0 15px;} #bottom-liens ul li{float:left; font:bold 10px Arial, Verdana; line-height:14px;color: #ffffff; padding:0 3px 0 0;} #bottom-liens ul li a{font:bold 10px Arial, Verdana; line-height:14px; color: #ffffff;} #bottom-sdw {float:right; padding:0;} /* ____________ Formulaire ____________ */ .obligatoire{color:#AAD12D;font-weight:bold;} input.error,textarea.error,select.error{background-color:#FFBFBF;} /* _____________ Slideshow __________ */ #slideshow { margin:0 auto; width:1000px; height:418px; background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0; position:relative; } #slideshow #slidesContainer { margin:0 auto; width:1000px; height:418px; overflow:auto; /* affiche une scrollbar au cas ou */ position:relative; } #slideshow #slidesContainer .slide { margin:0 auto; width:1000px; /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */ height:418px; } .control { display: none; }