* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background: #FFF;; margin: 0; text-align: center; font-family: 'Duru Sans',"Trebuchet MS", Arial, helvetica, sans-serif; font-size: 14px; height: 100%; color : #FFF; } #conteneur { position: relative;z-index: 90; width: 100%; } #haut {display: none;} #logo {margin: 2em auto;} i {color: orange;} .corps { text-align: left; margin-left: auto; margin-right: auto; width: 800px; padding: 30px; position: relative; z-index: 500; min-height: 100%; background: #044F26; } #corps.prog {padding: 0} /*------pied------------------*/ #pied {position: relative; clear: both; width: 100%; height: 97px; margin-top: -97px; /*background-image: url("../img/fond-pied.gif");*/background-image: url("../img/layout/f-pied2012.png"); z-index: 1000} /*#pied.index {right: 0; padding-right: 15px}*/ #pied ul{text-align: center; list-style: none; margin: 0;padding-top: 70px;} #pied ul li{ display: inline; margin: 0 20px;} #conteneur #pied ul li a{ text-decoration: none; color: #008F9A} #conteneur #pied ul li a:hover {color: #fff;} #conteneur #pied ul li a.actif {color: #84E4DF} a {color: orange}/*#84E4DF*/ a.fort {color: red; font-weight: bold;} a.lien-box {border: 1px solid; padding: 1px 5px; text-decoration: none; -moz-border-radius: 5px; border-radius: 5px; color: #FFF} a.lien-box:hover {color: #f3c51b;color: #16b8a7;} a img {border: none; text-decoration: none;} h1{ text-align: center; width: auto; margin: 0; padding: 20px 0; font-size: 40px; font-weight: normal; color: #B6E1DD}/*#f32900*/ h1.petit {font-size: 30px; padding: 0 35px 10px 35px; } h1.petit span {font-size: 18px;} h1.jaune {color: #fe8891}/*#FFEF23*/ h1.sans-marge {margin: 0; padding: 0; font-size: 25px} #corps.historique h1 { padding: 0 200px 30px 35px;} #corps.historique h1.sans {padding: 0 35px 30px 35px;} p.ss_titre {text-align: center; font-size: 25px; color: #008F9A } h2 {clear: both;font-size: 22px; border-bottom: 1px solid #fec4cb; clear: left; padding-top: 50px; color: #008F9A}/**/ h2.orange {border: none; font-size: 25px; padding-top: 20px; } h2.date {border: none; font-size: 30px; padding: 20px 0 0 50px; color: #84E4DF; text-align: center; margin: 60px 0 0 0} h2.c {text-align: center;} h3 { text-align: center; color: #008F9A; clear: both; /*background-image: url("../img/layout/carres.gif"); background-position: right 0px; background-repeat: no-repeat;*/ font-size: 20px; /*background-image: url("../img/h2.gif"); background-position: left 20px; height: 45px;*/ font-family: "Century Gothic"; margin-top: 0; line-height: 40px; /*border-bottom: 3px dashed #f5e8c5;*/ } h3 span {font-size: 20px; padding-left: 00px; color: #84E4DF}/*color: #f3c51b;*/ h3 span.fl_r {width: auto; margin-right: 10px;} h3 span.fl_r a{color: #ffef23; font-size: 14px; font-weight: bold;} h3.special {margin-left: 315px; text-align: left; display: inline; background-image: none;} #contenus-on-off h3 {color: #FFF; text-align: center} #corps.ecaussitoyennete h3 {background-image: none; height: auto;} h4{ font-weight: normal; color: #e45879;margin-left: 20px;font-weight: bold;}/*#f3c51b*/ h5 {font-size: 18px;color: #b08380}/*#84E4DF*/ p {padding: 0 0px;} .red {color: #008F9A} .phone {display: none;} /*bandeau*/ #bandeau {position: relative; height: 440px; overflow: hidden; background: url(../img/layout/loading.gif) center center no-repeat; margin-bottom: 20px;} #bandeau a {display: block; position: absolute; left: 27px; top: 15px;} #bandeau img { border: 1px solid #000; width: 970px; height: 401px} #bandeau #trsp-bandeaux {border: none;} #bandeau-menu {position: relative;} #bandeau.fin {height: 30px; background: none;} #intro {position: absolute; right: 10px; top: 10px; z-index: 1001;} #bt-billetterie {position: absolute; right: 70px; top: -10px; z-index: 1000;} #intro a img, #bt-billetterie a img {border: none;} #fond_bande_trsp {position: absolute; left: 28px; top: 315px; height: 65px; width: 970px; z-index: 950; background-color: #000;display: none;} #bande_trsp {position: absolute; left: 38px; top: 315px; height: 65px; width: 970px; z-index: 1000; color: #fff; font-size: 30px; line-height: 60px;}/*font-size: 70px;*/ #bande_trsp p {margin: 0; padding: 0; position: absolute; left: 0; top: 0; } /*#corps.festival #bande_trsp p {font-size : 50px;}*/ #bande_trsp span {font-size : 20px} #bande_trsp span span{font-size : 20px} #logo a#retour{position: relative; float: left;} /* #menu {list-style: none; margin: 0px 20px 00px 28px ; padding: 0 0 0 30px; height: 40px; position: relative; z-index: 1000; background: url(../img/layout/fmenu.jpg) bottom left repeat-x #f32900; border-bottom: 3px solid #f1e41d}*/ #menu {list-style: none; margin: 0px 20px 00px 28px ; padding: 0 0 0 30px; height: 40px; position: relative; z-index: 1000; border-bottom: 3px solid #76353d; /*background: url(../img/layout/2014/M2.jpg); */ background: url(../img/layout/2014/fond-menu.jpg); background-size: cover;}/*#f32900*/ #hamburger, #close-menu {display: none;} #menu li { display: block; float: left; margin: 0px 18px 0 0; position: relative; z-index: 500; height: 40px } #menu li a, #pied ul li a {text-decoration: none; color: #fff; font-family: Trebuchet MS; font-weight: bold;;padding: 0 5px; outline: none; z-index: 1000} #menu li a.actif {color: #008F9A} #menu a img {border: none;} #menu li a {padding: 0 4px;} #menu li img {float: left;} #menu li a {font-size: 20px; line-height: 30px;} #menu li li a {font-size: 16px} .retour {position: relative;} .gd_marg .retour {margin: 0 -70px 0 -50px;} .retour img {position: absolute; top: -80px; opacity: .5; cursor: pointer} .retour .g {left: -14px} .retour .d {right: -14px} /*.smenu {padding: 20px 0 0 0; margin: 0; width: 282px; background: url(../img/layout/f-smenu.jpg); position: absolute; top: 30px; left: 5px; display: none; z-index: 1000} #menu .smenu li {padding-left: 10px; display: block; width: 282px; height: 24px; } #menu .smenu li a {color: #F3C51B;} #menu .smenu li a:hover {color: #da5921;} .smenu span.top {display: block; background: url(../img/layout/f-smenu-top.jpg) no-repeat; width: 282px; height: 25px; margin-top: -25px; margin-bottom: 5px;} .smenu span.bottom {display: block; background: url(../img/layout/f-smenu-bottom.jpg) no-repeat; width: 282px; height: 3px; margin-top: 10px; position: absolute; bottom: 0; width: 100% }*/ /*.smenu {padding: 10px; margin: 0; border: 5px solid #fff; background: url(../img/layout/fmenu.jpg) bottom left repeat-x #f32900; border-radius: 10px; position: absolute; top: 40px; left: 5px; display: none; z-index: 1000; border-bottom: none;}*/ .smenu {padding: 10px; margin: 0; border: 5px solid #008F9A; background: url(../img/layout/2014/sm.jpg); border-radius: 10px; position: absolute; top: 40px; left: 5px; display: none; z-index: 1000; } /*background: url(../img/layout/2014/M2.jpg)*/ #menu .smenu li {padding: 0 0 0 10px; display: block; min-width: 280px; z-index: 100} #menu .smenu li a {color: #fff;} #menu .smenu li a:hover {color: #000;} #menu .smenu li a.actif {color: #008F9A} #ifr_youtube {position: relative; z-index: 10} #contenu {padding: 75px 0; position: relative; height: 800px;} #corps p.texte {width: 540px; text-align: justify} #corps p.d{text-align: right;} ul.menu_float{position: relative; float: right; width: 166px; list-style: none; padding: 0px; margin-left: 10px; overflow: visible; }/*border: 2px solid #f45d22*/ ul.menu_float li{padding: 0 10px 0 10px;background-image: url("../img/layout/fond-m-m.gif");background-repeat: repeat-y;} ul.menu_float li a {padding: 0; margin: 0; color: #fec4cb}/*#84E4DF*/ ul.menu_float li.haut { background-image: url("../img/layout/fond-m-h.gif");background-repeat: no-repeat;width: 166px;padding-top: 10px;} ul.menu_float li.haut a {padding-left: 00px;} ul.menu_float li.bas { background-image: url("../img/layout/fond-m-b.gif");background-repeat: no-repeat; background-position: left bottom; padding-bottom: 5px; margin-bottom: 10px;} ul.menu_float li.retour {font-style: italic; margin: 0} ul.menu_float li.retour a{padding-left: 15px;background-image: url("../img/f-retour.gif");background-repeat: no-repeat; background-position: 0 3px;margin: 0;}/*Mettre fleche en bg img*/ ul.menu_float li h6 {margin: 00px -5px 0px -7px;padding: 0px 0 0 0; font-size: 12px; text-align: center; border-bottom: 1px solid #5F6024;width: 162px;} ul.menu_float a {text-decoration: none;} ul.menu_float a:hover {text-decoration: underline;} ul.menu_float a.actif{font-weight: bold; color: #f32900} .encart_droite {position: relative; float: right; clear: right; width: 180px; padding: 0px; margin: 0 0 10px 10px; border: 1px solid #e61100; -moz-border-radius: 5px; border-radius: 5px; } .encart_droite p {margin: 10px; padding: 0} #vignettes {padding-bottom: 200px; width: 800px; position: relative;} #vignettes a{position: relative; float: left;width: 120px;text-decoration: none; color: #000;text-align: center;margin: 0 42px 0 0;display: block;} #vignettes img { border: 3px solid #A5C969;} #corps div.gd_marg{position: relative; clear: both; padding: 0px 50px 000px 50px; margin: 00px 0 50px 0; height: auto;} #corps div.gd_marg.basfin {margin: 0; min-height: 650px;} #corps div.gd_marg div.medias {width: 300px; float: left;} #corps div.gd_marg div.textes {position: relative; width: 300px; margin: 0 0 0 50px; padding: 0 0 00px 0; float: left; height: 320px; overflow: hidden;/**/ /*background: url("../img/layout/carres.gif") right bottom no-repeat;*/} #corps div.gd_marg div.textes p {margin: 0 0 5px 0; padding: 0; text-align: justify;} #corps div.gd_marg div.textes img.etendre{ position: absolute; right: 0; bottom: 0; z-index: 1000; margin: 0; cursor: pointer;} #corps div.gd_marg div.voirtout { text-align: center; clear: both;} #corps div.gd_marg div.medias p, p.videos {clear: both; padding-left: 0px; font-size: 20px; color: #16b8a7;} #corps div.gd_marg div.medias p a {padding-left: 10px; color : #D4DA20; font-size: 14px; display: inline; outline: none;} #corps div.gd_marg div.medias p.photos span {display: none} #corps div.gd_marg p.photos, #corps div.gd_marg p.sons { padding-left: 0px; clear: both;} #corps div.gd_marg p.photos strong, #corps div.gd_marg p.sons strong {font-size: 20px; color: #fe8891; font-weight: normal;}/*#16b8a7*/ #corps div.gd_marg div.medias .photos a img {border: none;} #corps div.gd_marg div.medias p.photos img {margin: 0; border: 0} #corps div.gd_marg div.medias p.photos img.grand {border: 2px solid #606126; position: absolute; z-index: 1000} #corps div.gd_marg div.medias p.videos {cursor: pointer;} /*#corps div.gd_marg div.medias p.videos span {display: none;}/* /*#corps div.haut {padding: 0px 0 200px 0;}*/ #corps div.gd_marg img {margin: 0 20px 20px 0;}/**/ .separateur {height: 10px; width: 100%; position: relative; display: block; clear: both;} .ligne {border-bottom: 3px none #f5e8c5; width: auto;} #logo { position: relative; /*top: 5px; left: 0px; z-index: 850;*/ text-align: center; } #logo img{ border: none; margin: 0; } /*index #conferences, #infos2, #echos {float: left; position: relative; font-family: "Tahoma";} #conferences, #infos2 {width: 620px; margin-right: 40px;} #infos2 iframe {margin: 0 0 40px 40px; position:relative; z-index: 100} #ifr_cadre {width: 580px; height: 390px; margin-bottom: 40px} #conferences a.img_conf {display: none} #conferences a.actif {display: block} #conferences a img {position: absolute; left: 40px; top: 10px; border: 1px solid #606126; z-index: 500;} #conferences a img.broch {position: relative; left: 0; top: 0;} #conferences a {text-decoration: none;} #infos2 a {text-decoration: none} #infos2 p.broch {margin: 20px 40px 20px 40px; padding: 0; font-weight: bold; } #conferences div {background: url(../img/layout/f-conf.png) right top no-repeat; height: 53px; margin-left: 220px; padding-left: 70px; position: relative; z-index: 500; color: #000} #conferences div.actif {background: url(../img/layout/f-conf2.png) right top no-repeat} #conferences h1 {color: #f32900; padding-left: 272px; width: 620px; text-align: left; font-family: "Tahoma"; font-size: 20px; font-weight: normal; letter-spacing: 5px;} #conferences h1.serre {letter-spacing: normal; overflow: hidden; height: auto; font-size: 18px;} #conferences h2 {border: none; font-size: 18px; margin: 0; padding: 0 0 5px 0;} #conferences h2 a {text-decoration: none; color: #000; display: block; padding-top: 5px;} #conferences h2 a span {font-size: 10px;} #conferences p {margin: 0px 0 0 0; line-height: 12px; padding: 0; font-size: 14px} #conferences p.tasser {letter-spacing: -1px;} #conferences p span {font-size: 14px;}*/ /*index 2014*/ .col { float: left; min-height: 200px; width: 310px; margin: 0 10px 0 10px;} #col_1 {margin-left: 27px;} #col_3 {margin-right: 0;} .box {width: 100%; min-height: 200px; /*transform: rotate(-1deg);*/; margin-bottom: 20px;padding: 0} .box h1 {font-size: 20px; text-align: left; width: auto; padding: 1px 10px 4px 40px; margin: 0 0 0px 0; border-radius: 18px; border: 3px solid #008F9A; background: #008F9A; color: #000; width: auto; display: inline; } .box h2 {padding-top: 0px; margin: 0; border: none;} .box h2 span{float: right; font-size: 11px;} .box .cadre { border-radius: 15px; border: 3px solid #008F9A; padding: 5px; overflow: hidden; margin-top: 10px; min-height: 200px;} .box .cadre div{padding: 0; margin: 0; } .box img {max-width: 310px; margin: 0;} .echos.box {margin-bottom: 10px; background: #000} .echos.box h1 {background: url(../img/layout/icone-echos.png) no-repeat #008F9A; } .echos.box h2 {padding: 5px; text-align: left; width: 100%} .echos.box img {margin: 0 0 -5px 0;} .echos.box img.fleche {margin: 10px 0 -17px 60px; position: relative;} .echos.box .cadre{background: no-repeat #000; position: relative; padding: 0; margin: 0} .echos.box .cadre div {margin: 0; padding: 0;height: auto;text-align: center} .echos.box a {line-height: 0; margin: 0; padding: 0; display: inline;} .echos.box .cadre .suite {text-align: right; height: auto; position: absolute; z-index: 500; bottom: 0; right: 0; background: #000; padding: 5px; border-radius: 10px 0 0 0;} .echos.box .cadre .suite a {text-decoration: none;} #fb.box h1{background: url(../img/layout/ico-fb.png) no-repeat #FFF; border-color: #3a5898; color: #3a5898;} #fb.box .cadre {border-color: #3a5898; background: #FFF;} #twitter.box h1{background: url(../img/layout/ico-twitter.png) no-repeat #FFF; border-color: #2fccfd; color: #3a5898;} #twitter.box .cadre {border-color: #2fccfd; background: #333333; height: 300px;} #video.box h1{background: url(../img/layout/ico-webtv.png) no-repeat #e88894; border-color: #e88894; color: #ffef23;}/*#136f88*/ #video.box .cadre {border-color: #e88894; background: #FFF; padding: 0; background: #1b1b1b } #img-festi.box h1 { background: url(../img/layout/ico-photos.png) no-repeat #fdcaa9; border-color: #fdcaa9}/*#bca510*/ #img-festi .cadre {padding: 0; background: url(../img/layout/ajax-loader.gif) center center no-repeat; border-color: #fdcaa9; margin-top: 20px;}/**/ #img-festi .cadre div{height: 142px; width: auto; position: relative; } #img-festi ul, #img-festi li {padding: 0; margin: 0; list-style: none; width: auto;} #img-festi ul {height: 142px; width: 3500px; overflow: hidden;position: relative; left: 0px;} #img-festi li {float: left; display: block;} #img-festi p {margin: 0 0 10px 0; padding: 10px 5px 10px 5px; height: 25px; overflow: hidden; text-align: center} #img-festi a {text-decoration: none; color: #fdcaa9} #img-tourisme.box h1 {background: url(../img/layout/ico-gignac.png) no-repeat #bca510; border-color: #bca510} #img-tourisme .cadre {padding: 0; background: url(../img/layout/ajax-loader.gif) center center no-repeat; border-color: #bca510; margin-top: 10px;} #img-tourisme .cadre div{height: 206px; width: auto; position: relative; } #img-tourisme ul, #img-tourisme li {padding: 0; margin: 0; list-style: none; width: auto;} #img-tourisme ul {height: 233px; width: 3500px; overflow: hidden;position: relative; left: 0px;} #img-tourisme li {float: left; display: block;} #img-partenaires.box h1 { background: url(../img/layout/ico-partenaires.png) no-repeat #008F9A} #img-partenaires .cadre {background: #FFF; height: 233px; overflow: hidden;} #img-partenaires .cadre div {margin: 0 auto;} #img-partenaires li {text-align: center} #img-partenaires ul, #img-tourisme li {padding: 0; margin: 0; list-style: none; width: auto;} #img-partenaires ul {height: auto; width: 310px; position: relative; left: 0px;} #img-partenaires li {display: block; text-align: center; margin: 0; padding: 0; min-height: 150px;} .echos.box.post-it {background-color: #efe041; box-shadow: 0 0 50px rgba(0,0,0,0.3) inset;} .echos.box.post-it:before{ content: ""; position: absolute; right: 0px; border-color: #FFF #292929 #baac11 #FFF; border-style: solid; border-width: 0px 30px 30px 0px; height: 0px; width: 0px; display: block; } .echos.box.post-it h1 {background: url(../img/layout/icone-echos.png) no-repeat transparent; border: none;} .echos.box.post-it h2 span{margin: 5px 28px 0 0} .echos.box.post-it .cadre {background: none;} .echos.box.post-it img.fleche {display: none;} .echos.box.post-it .cadre {border: none; border-radius: 0; padding-bottom: 10px; } .echos.box.post-it img {max-width: 300px; margin: 0;} .echos.box.post-it .cadre .suite {position: relative; background: none;} .echos.box.post-it .cadre .suite a{color: #008F9A} .photo-info div {padding: 0; line-height: 0;} .photo-info.box img.fleche {margin: 0px 0 -17px 60px; position: relative;} .photo-info h1{background: url(../img/layout/ico-vente.png) no-repeat #f3dacd; border-color: #f3dacd; color: #000; font-weight: bold;} .photo-info .cadre {border-color: #f3dacd; padding: 0;}/**/ /*.photo-info .cadre div {padding: 0; line-height: 0;} .photo-info img {margin: 0; border-radius: 5px;}*/ .photo-webtv div {padding: 0; line-height: 0; } .photo-webtv h1{background: url(../img/layout/ico-webtv.png) no-repeat ; border-color: #d6d6d6; color: #d6d6d6; font-weight: bold;} .photo-webtv .cadre {border-color: #d6d6d6; padding: 0;} #pro.box h1{background: url(../img/layout/ico-presse.png) no-repeat #cb8e79; border-color: #cb8e79; color: #000; font-weight: bold;}/*#139988*/ #pro.box .cadre {border-color: #cb8e79;} #pro div {padding: 0; line-height: 0;} .liste-photo-pro a {display: block;} #corps div.gd_marg .liste-photo-pro img {margin: 0; border-radius: 5px;} .liste-photo-pro span {width: 140px; height: 160px;text-align: center; float: left; font-size: 11px;} .liste-photo-pro a {text-decoration: none;} #nl_cont.box h1 {background: url(../img/layout/ico-rejoindre.png) no-repeat transparent; border-color: transparent; color: #e88894}/*#008F9A*/ #nl_cont.box .cadre {border-color: #e88894} #nl.nl {margin: 10px 0 0 10px;} .nl h1 {padding-top: 0} .nl.c {margin-left: 290px;} .nl img {float: right;} #reponse {color: #0df52e; font-weight: bold;} #reponse p {margin: 15px;} #reponse.haute {height: 500px;} /*index detours*/ #anim_detours h1 {color: #008F9A; padding-left: 40px; width: 620px; text-align: left; font-family: "Tahoma"; font-size: 20px; font-weight: normal; letter-spacing: 5px;} #anim_detours a {display: none; position: absolute; left: 40px; width: 580px; height: 300px} #anim_detours a img {border: none;} #anim_detours a.first {display: block;} /*inscr detours*/ #form-detour-inscription {width: 80%; margin: 30px auto;} #form-detour-inscription label , #form-detour-inscription .label{width: 100%; display: block; clear: both; vertical-align: top; padding: 20px 0 20px 0} #form-detour-inscription label input[type=text], #form-detour-inscription label select {float: right; width: 400px; font-size: 16px} #form-detour-inscription label textarea[type=text] {float: right; width: 400px; height: 200px; font-size: 16px} #form-detour-inscription p {margin: 0; padding: 0} #form-detour-inscription label[for=site] {display: none;} #form-detour-inscription button {height: 30px; width: 120px; font-size: 20px; margin-left: 46%} #form-detour-inscription .err {border: 2px solid red;} #form-detour-inscription .err2 {border: 2px solid orange;} #form-detour-inscription #message-envoi, #form-detour-inscription #message-mail{margin: 20px 0 20px 50%; padding: 5px;text-align: center; display: none;} /* #echos {width: 350px; position: relative;} #echos h1 {color: #f32900; text-align: left; font-family: "Tahoma"; font-size: 20px; font-weight: normal; letter-spacing: 5px; padding-left: 10px; width: 100%;} #echos h2 {border: none; padding: 10px; margin: 0} #echos #cadre {border: 1px dashed #E73600; padding: 0px; width: 310px; height: 160px; overflow: hidden;} #echos #cadre>div {margin: 5px 5px 12px 10px; padding: 0;} #echos #cadre p {margin: 0px 0 12px 0px; padding: 0; } #suite {text-align: right; width: 310px;} #echos #suite a {color: #E55925; text-decoration: none; float: right; font-weight: bold; letter-spacing: 3px; padding-top: 7px;} #echos p#liensocial {padding-left: 0; margin-left: 0px; width: 300px; padding-top: 20px;} #echos p#liensocial a {display: inline; float: left;} */ #news a {text-decoration: underline;color: #2e542b; outline: none; } #news h3 a span img{border: none;} #news p{margin: 3px; } .lien_actus em{ color: #000; text-decoration: underline;} a:hover.lien_actus em { color: #f45d22;} #news a.autres:hover {text-decoration: underline;} /*#fond_img {height: 600px; width: 400px; position: absolute; top: 10%; right: 10%; background-image: url("../img/Affiche-2007h800.jpg");}*/ div#microdiapo{ position: absolute; top: 315px; left: 50%; z-index: 1000; margin-left: -450px; border: 1px solid #000; } /*prog*/ /* #tab_prog td {text-align: center; width: 140px;vertical-align: top} #tab_prog td.R {text-align: right; width: 43px;padding:0;} #tab_prog td.R img {margin: 0;} #tab_prog a {font-size: 16px; color: black; text-decoration: none; font-weight: bold; color: #f3c51b} #tab_prog a:hover {text-decoration: underline; } #tab_prog a img { border: none;}/*3px solid #A5C969*/ #corps div.gd_marg p.c_it {text-align: center; font-style: italic} #corps div.gd_marg p.c_g {text-align: center; font-weight: bold} #corps div.gd_marg p.c {text-align: center;} /*prog 2014*/ #retour-prog {background: url(../img/layout/hamburger-alone.png) no-repeat; min-height: 25px; margin-left: 20px;padding-left: 34px; color: #008F9A; font-size: 14px; line-height: 24px; cursor: pointer;} .navig-prog {text-align: left; width: 800px; margin: 0 auto 30px 70px; display: table; position: relative; } .navig-prog div {width: 140px; text-align: center; display: table-cell; position: relative; margin: auto; vertical-align: top} .navig-prog div.date {font-weight: bold; font-size: 26px; vertical-align: middle; text-align: right; padding-right: 10px; width: 140px} .navig-prog a.sans-image {text-decoration: none; font-size: 24px} #corps div.gd_marg .navig-prog img {max-width: 140px; margin: 0; float: none;} #contenu-prog {margin: 0 30px; clear: both; padding-bottom: 40px;} #contenu-prog.haut {min-height: 500px;} #contenu-prog.wait{background: url(../img/layout/ajax-loader.gif) center top no-repeat;} #contenu-prog h1 {font-size: 25px;} #contenu-prog p.c {color: #008F9A; font-size: 20px; font-weight: bold; margin: 0;} #corps div.gd_marg #contenu-prog img, #contenu-prog img {float: right; max-width: 450px; margin: 20px 0 10px 20px; } .video {display: none;} .historique-festival .navig-prog div.date {width: 140px;} .historique-festival .navig-prog {width: 900px;} #histo-prog {min-height: 400px} /*#manifestations .table {text-align: center; width: 800px; margin: 0 auto 30px auto;; display: table; position: relative;} #manifestations .table div {width: 140px; text-align: center; display: table-cell; position: relative; margin: auto;} #manifestations div.cl_b {width: 100%; float: none; clear: both;} #manifestations p.c {color: #f32900; font-size: 20px; font-weight: bold; margin: 0;} #manifestations a {display: block; width: 140px; margin: 0 auto; text-decoration: none; text-align: center; font-size: 14px;} #manifestations a.actif { font-size: 14px; font-weight: bold; color: #f32900} #manifestations a img{border-radius: 10px;} #manifestations a.actif img{border: 2px solid #f32900} #manifestations span.titre {padding: 0; margin: 0; font-size: 14px;} #manifestations a.actif span.annee {padding: 0; margin: 0; font-size: 20px;} #corps div.gd_marg #manifestations img {margin: 0} .contenus-manifs {margin: 0 30px; clear: both; padding-bottom: 40px;} .contenus-manifs h1 {font-size: 25px;} .contenus-manifs img {float: right;max-width: 450px; margin-left: 10px; margin-bottom: 10px;}*/ /*billetterie*/ #tb_prix td{font-size: 15px; border: 1px dotted #f5c26b; text-align: center;} #belim1-bt, #belim2-bt {cursor: pointer} #belim1-bt span, #belim2-bt span{padding-left: 100px;} #belim1, #belim2 {display: none;} /*historique*/ div.histo {padding-bottom: 40px;} div.histo div{position: relative; float: left; width: 290px; text-align: center; padding-bottom: 15px;} div.histo div a {text-decoration: none;} div.histo div a img {border: none;} div.histo div a:hover {text-decoration: underline;} #vign_photos {text-align: left; width: 680px; margin-left: 55px;}/**/ #vign_photos span {padding: 0px; margin: 0; text-align: center; }/*position: relative; float: left;background-color: #30272a;*/ #corps div.gd_marg #vign_photos a {margin: 0; padding: 0; display: inline;} #corps div.gd_marg #vign_photos a img {margin: 0; width: 75px; height: 75px; border: none;} #vign_photos table {width: 650px; float: left; } #vign_photos table td {padding: 0; word-wrap: break-word; vertical-align: top;} #vign_photos table td a {word-wrap: break-word; } /*partenaires #corps div.gd_marg .partenaires {width: 800px; margin: 0; background: #FFF; margin : 0 auto} .partenaires td {vertical-align: top; text-align: center; padding: 5px; margin: 5px; width: 25%} .partenaires td.s_titr{text-align: left; color: #008F9A; border-bottom: 2px dashed #84E4DF} .partenaires img {margin: 0;} .partenaires td img { } #corps div.gd_marg .partenaires img {margin: 0} #corps div.gd_marg .partenaires.blanc {background: #000} #corps div.gd_marg .partenaires.blanc td{background: #FFF}*/ .partenaires table {margin: 0 auto; background: #FFF} #corps.partenaires div.gd_marg td , #corps.partenaires div.gd_marg tr {margin: 0; padding: 0;} #corps.partenaires div.gd_marg img {margin: 0} .partenaires table.txt {color: #000} .partenaires td.s_titr {font-size: 20px; color: #af3638; font-weight: bold; border-bottom: 3px solid #af3638;} #corps div.gd_marg .partenaires.blanc {background: #000} #corps div.gd_marg .partenaires.blanc td{background: #FFF} /*paiement cb*/ #bandeau-menu.billeterie #menu.billeterie a {font-weight: normal; color: blue;} #bandeau-menu.billeterie ul {padding-left: 200px;} #bandeau-menu.billeterie #menu.billeterie li {padding-right: 25px;} #bandeau-menu.billeterie #menu.billeterie li.actif {font-weight: bold; color: #6fcfcb} /*vote détours*/ .det-vote #bandeau {display: none;} .groupe {border: 1px solid #CCC; margin-bottom: 20px; position: relative; color: #CCC; border-radius: 15px; background: #191919} .groupe.nouveau {box-shadow: 2px 2px 10px #008F9A; } .titre {font-weight: bold; padding: 15px; font-size: 20px; } .ecoute {float: left; width: 40%; padding: 15px; clear: left;} .notes {float: right; width: 60%; padding: 5px;} .ecoute a:link {color: #999; text-decoration: none;} .ecoute a:visited {color: #595959} .ecoute a:hover {text-decoration: underline;} .notes {padding-top: 10px} .notes table{float: left;} .notes table.ligne{border-bottom: 1px solid;} .notes td {text-align: center;} .notes td.r {text-align: right;} .groupe .voir-details, .groupe .voir-commentaires{/*border: 2px solid #8b8b8b; border-radius: 15px;*/ text-decoration: underline; cursor: pointer; padding: 5px; color: #ff4d50/*position: absolute; bottom: 5px; left: 5px;*/} .groupe .masquer-details, .groupe .masquer-commentaires{/*border: 2px solid #8b8b8b; border-radius: 15px;*/ cursor: pointer; padding: 5px; position: absolute; bottom: 5px; left: 5px; text-decoration: underline; color: #ff4d50} .groupe .details, .groupe .commentaires {width: 100%; padding: 10px; display: none; position: relative;} .groupe .commentaires {background: #333333; padding-bottom: 30px; border-radius: 0 0 20px 20px} .groupe .style-generique {position: absolute; top: -15px; background: #191919; padding: 5px 20px; border-radius: 10px; border: 1px solid #CCC} .commentaires-contenu {min-height: 50px;} .groupe .details td {vertical-align: top;} .groupe strong {color: #8b8b8b} .groupe .memo {clear: both; width: 100%} .groupe .memo textarea{ width: 100%; background-color: #DDD;} .groupe button {padding: 15px; margin: 30px 0 0 130px; width: 150px; font-size: 22px; cursor: pointer; border-radius: 10px} .groupe .etat {width: 30px; height: 30px; background: #008F9A; border-radius: 15px; display: block; float: left; margin: 0 10px 0 0} .groupe .wait .etat{background: url(../img/layout/ajax-loader.gif) center center no-repeat;} .groupe .a-vote .etat {background: #5ac82a} .groupe .a-vote-partiel .etat{background: orange} .voir-mode-emploi {border: 2px solid #8b8b8b; border-radius: 15px; cursor: pointer; padding: 5px;} #mode-emploi {display: none} .credits td {vertical-align: top;} .fl_r {position: relative; float: right; font-weight: bold; width: 350px;} img.fl_r {position: relative; float: right; margin: 0 0 10px 10px; width: auto;} img.fl_l {position: relative; float: left; margin: 0 10px 10px 0} p strong {color: orange}/*#84E4DF*/ p.c {text-align: center;} iframe {position: relative; z-index:200} iframe.r {float: right; margin: 55px;} .cl_b {clear: both;} /*manifestations*/ /* * { -moz-box-sizing: border-box;}*/ .manifestations h1 {clear: both;} #manifestations {min-height: 800px; margin-top: -30px;} #manifestations .table {text-align: center; width: 800px; margin: 0 auto 30px auto;; display: table; position: relative;} #manifestations .table div {width: 140px; text-align: center; display: table-cell; position: relative; margin: auto;} #manifestations div.cl_b {width: 100%; float: none; clear: both;} #manifestations p.c {color: #008F9A; font-size: 20px; font-weight: bold; margin: 0;} #manifestations a {display: block; width: 140px; margin: 0 auto;text-decoration: none; text-align: center; font-size: 14px; text-transform: uppercase} #manifestations a.lien-pdf {display: inline; width: auto; border: 1px solid; border-radius: 10px; padding: 5px;} #manifestations a.actif { font-size: 14px; font-weight: bold; color: #008F9A} #manifestations a img{border-radius: 10px;} #manifestations a.actif img{border: 2px solid #008F9A} #manifestations span.titre {padding: 0; margin: 0; font-size: 14px;} #manifestations a.actif span.annee {padding: 0; margin: 0; font-size: 20px;} #corps div.gd_marg #manifestations img {margin: 0} .contenus-manifs {margin: 0 30px; clear: both; padding-bottom: 40px;} .contenus-manifs h1 {font-size: 25px;} .contenus-manifs img {float: right; max-width: 450px; margin-left: 10px; margin-bottom: 10px;} /*dev dur*/ .navigation {list-style: none; display: table; width: 100%; padding: 0;} .navigation li {display: table-cell; text-align: center; padding: 0 20px 0 0; vertical-align: middle} .navigation.center {width: 400px; margin: 30px auto;} .navigation.center li { padding: 0 10px;} .navigation span {display: block; border: 3px solid #008F9A; color: #e45879; padding: 15px; border-radius: 60px; cursor: pointer} .navigation span:hover, .navigation span.actif {border-color: #f9f9f9; color: #fdc4cb} .navigation.img li {padding: 0 0px 0 0;} .navigation.img span {padding: 0 0px 0 0; border: none; color: #e45879;} .navigation p {clear: both; display: table-row; float: none;width: 100%} .festival #navig-interieure {text-align: center;} .festival #navig-interieure p{font-size: 16px} .festival #navig-interieure .navigation { width: 400px; margin: 0 auto;} #contenus-on-off {min-height: 800px} #contenus-on-off.auto {min-height: 100px} .festival #contenus-on-off {margin-top: 50px;} .festival #contenus-on-off p {clear: both; margin: 20px auto;} .festival .billetterie #contenus-on-off p {width: 650px;} .festival #contenus-on-off .bill {color: #E45879; text-align: center; font-size: 18px; font-weight: bold;} .festival .billetterie #contenus-on-off img {float: right;} #corps.tourisme div.gd_marg img {margin: 0 auto;} .no {display: none;} /*FAQ*/ #questions a {text-decoration: none;} #questions strong {margin-top: 20px; position: relative; font-size: 16px} .faq h2 a {float: right; text-decoration: none;} #tarif-faq td { padding: 10px} .det-vote-classement .fl-r {float: right;} .det-vote-classement .petit {font-size: 10px; padding-top: 5px;}