@font-face {
font-family: 'fontello';
src: url('squelettes/polices/fontello.eot?15676074');
src: url('squelettes/polices/fontello.eot?15676074#iefix') format('embedded-opentype'),
url('squelettes/polices/fontello.woff?15676074') format('woff'),
url('squelettes/polices/fontello.ttf?15676074') format('truetype'),
url('squelettes/polices/fontello.svg?15676074#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* Animation center compensation - margins should be symmetric */
/* remove if not needed */
margin-left: .2em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-facebook:before { content: '\e800'; } /* '' */
body {
font-family: "Helvetica", "Arial", sans-serif;
background: #000;
text-align: center;
font-size: 14px;
line-height: 15px;
background: url(squelettes/images/motif.gif);
color: #fff;
}
#enveloppe {
width: 960px;
margin: 0 auto;
background-color: #000;
box-shadow: 0 1px 10px #000;
background: url(squelettes/images/enveloppe.jpg) no-repeat top center;
}
body.rub-1 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-2 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-3 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-4 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-6 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-10 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-12 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-13 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-14 #enveloppe {
background: url(local/cache-gd2/ad/9f3a75e091a9970407959a6384ed0f.jpg?1772558965) no-repeat top center;
}
body.rub-15 #enveloppe {
background: url(local/cache-gd2/ad/9f3a75e091a9970407959a6384ed0f.jpg?1772558965) no-repeat top center;
}
body.rub-16 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-17 #enveloppe {
background: url(local/cache-gd2/4f/54cae4517dabb55de8104e3a78ed7b.png?1772558965) no-repeat top center;
}
body.rub-18 #enveloppe {
background: url(local/cache-gd2/4f/54cae4517dabb55de8104e3a78ed7b.png?1772558965) no-repeat top center;
}
body.rub-19 #enveloppe {
background: url(local/cache-gd2/4f/54cae4517dabb55de8104e3a78ed7b.png?1772558965) no-repeat top center;
}
body.rub-20 #enveloppe {
background: url(local/cache-gd2/4f/54cae4517dabb55de8104e3a78ed7b.png?1772558965) no-repeat top center;
}
body.rub-21 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-23 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-24 #enveloppe {
background: url(local/cache-gd2/52/cdb693c47256e62d558f8070e14845.png?1772558966) no-repeat top center;
}
body.rub-25 #enveloppe {
background: url(local/cache-gd2/52/cdb693c47256e62d558f8070e14845.png?1772558966) no-repeat top center;
}
body.rub-26 #enveloppe {
background: url(local/cache-gd2/52/cdb693c47256e62d558f8070e14845.png?1772558966) no-repeat top center;
}
body.rub-27 #enveloppe {
background: url(local/cache-gd2/52/cdb693c47256e62d558f8070e14845.png?1772558966) no-repeat top center;
}
body.rub-28 #enveloppe {
background: url(local/cache-gd2/81/cd40ae7024f8f2dd12c6ef6ad7e8b7.png?1772558966) no-repeat top center;
}
body.rub-29 #enveloppe {
background: url(local/cache-gd2/81/cd40ae7024f8f2dd12c6ef6ad7e8b7.png?1772558966) no-repeat top center;
}
body.rub-32 #enveloppe {
background: url(local/cache-gd2/81/cd40ae7024f8f2dd12c6ef6ad7e8b7.png?1772558966) no-repeat top center;
}
body.rub-33 #enveloppe {
background: url(local/cache-gd2/81/cd40ae7024f8f2dd12c6ef6ad7e8b7.png?1772558966) no-repeat top center;
}
body.rub-34 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-35 #enveloppe {
background: url(local/cache-gd2/ad/9f3a75e091a9970407959a6384ed0f.jpg?1772558965) no-repeat top center;
}
body.rub-36 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-37 #enveloppe {
background: url(local/cache-gd2/b7/de559ac9e7078f0ac306b1f716c1e2.png?1772558966) no-repeat top center;
}
body.rub-38 #enveloppe {
background: url(local/cache-gd2/cd/76a02604a137b7a89c87ab4c23c21e.png?1772558966) no-repeat top center;
}
body.rub-39 #enveloppe {
background: url(local/cache-gd2/b7/de559ac9e7078f0ac306b1f716c1e2.png?1772558966) no-repeat top center;
}
body.rub-40 #enveloppe {
background: url(local/cache-gd2/1f/8840ae47bcdc1af482715c4e5de553.jpg?1772558966) no-repeat top center;
}
body.rub-41 #enveloppe {
background: url(local/cache-gd2/1f/8840ae47bcdc1af482715c4e5de553.jpg?1772558966) no-repeat top center;
}
body.rub-42 #enveloppe {
background: url(local/cache-gd2/1f/8840ae47bcdc1af482715c4e5de553.jpg?1772558966) no-repeat top center;
}
body.rub-43 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-46 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-49 #enveloppe {
background: url(local/cache-gd2/5b/bde855d7de8f3a7ed7826da7ca6536.jpg?1772558965) no-repeat top center;
}
body.rub-50 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-51 #enveloppe {
background: url(local/cache-gd2/9c/38f4b57b1c59db0efac0807d7cc59c.jpg?1772558965) no-repeat top center;
}
body.rub-55 #enveloppe {
background: url(local/cache-gd2/66/b4e0a8d3ccdcd6e38551b9c958990c.png?1772558965) no-repeat top center;
}
body.rub-56 #enveloppe {
background: url(local/cache-gd2/81/cd40ae7024f8f2dd12c6ef6ad7e8b7.png?1772558966) no-repeat top center;
}
a {
color: #fff;
}
a:hover {
color: #fff;
}
#entete {
position: relative;
margin: 0 auto;
width: 960px;
height: 400px;
}
#logo a {
position: absolute;
top: 20px; left: 20px;
display: block;
width: 236px;
height: 196px;
text-indent: -9999px;
z-index: 50;
background: url(squelettes/images/logo.png) 0 0 no-repeat;
}
#logo a:hover {
background-position: 0 -196px;
}
#accroche {
display: none;
}
.menu {
position: absolute;
width: 120px;
z-index: 50;
color: #fff;
text-align: right;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
background: url(squelettes/images/fond.png);
}
.menu a {
display: block;
padding: 20px;
}
.menu a:hover {
background: #000;
}
#menu-spectacles {
position: absolute;
top: 20px; left: 276px;
width: 169px;
z-index: 50;
color: #fff;
text-align: right;
font-size: 16px;
line-height: 18px;
background: url(squelettes/images/fond.png);
}
#menu-spectacles h2 {
padding: 20px;
text-transform: uppercase;
}
#menu-spectacles ul {
list-style: none;
padding-bottom: 15px;
}
#menu-spectacles ul li a {
display: block;
line-height: 24px;
padding: 5px 20px 5px 20px;
}
#menu-spectacles ul li a sup {
position: relative;
top: -5px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #E8000E;
}
#menu-spectacles ul li.en-cours a {
font-style: italic;
}
#menu-spectacles ul li a:hover {
background: #000;
}
#menu-cinema {
top: 20px; left: 465px;
}
#menu-evenements {
top: 20px; left: 605px;
}
#menu-contact {
top: 20px; left: 745px;
}
#menu-facebook {
top: 20px; right: 20px;
width: 50px;
}
#menu-facebook a {
padding: 0;
line-height: 60px;
text-align: center;
font-size: 24px;
}
#diaporama .diapo.premier img {
display: none;
}
#diaporama .pas-premier {
display: none;
}
.legende {
position: absolute;
bottom: 20px;
left: 50%;
margin-left: -204px;
color: #fff;
padding: 20px;
width: 624px;
background: url(squelettes/images/fond.png);
text-align: left;
}
.legende:hover {
background: #000;
cursor: pointer;
}
.legende h2 {
float: left;
width: 240px;
text-transform: uppercase;
font-size: 16px;
line-height: 36px;
}
.legende .descriptif,
.legende .plus {
float: right;
width: 374px;
line-height: 18px;
}
.legende .descriptif p {
margin-bottom: 10px;
}
.legende .plus {
text-align: right;
font-style: italic;
}
.no-js #precedent,
.no-js #suivant {
display: none;
}
#precedent {
position: absolute;
bottom: 21px;
left: 50%;
margin-left: -256px;
text-indent: -9999px;
width: 32px;
height: 50px;
background: url(squelettes/images/precedent.png) 0 0 no-repeat;
}
#suivant {
position: absolute;
bottom: 21px;
right: 50%;
margin-right: -514px;
text-indent: -9999px;
width: 32px;
height: 50px;
background: url(squelettes/images/suivant.png) 0 0 no-repeat;
}
#precedent.actif,
#suivant.actif,
#precedent:active,
#suivant:active {
bottom: 20px;
background-position: 0 -50px;
}
#precedent:hover,
#suivant:hover {
background-position: 0 -50px;
}
#corps {
margin: 0 auto;
padding: 0 20px 40px 20px;
width: 920px;
color: #fff;
text-align: left;
background: #000;
border-top: 2px solid #fff;
}
#intro {
float: right;
width: 664px;
margin-bottom: 20px;
background: url(squelettes/images/fond.png);
background: #000;
}
#corps h1 {
text-transform: uppercase;
font-size: 24px;
line-height: 36px;
padding: 20px 0;
}
#carte-evenements {
width: 920px;
height: 400px;
margin: 20px 0;
}
#carte-evenements.rubrique {
float: right;
width: 664px;
margin: 0 0 30px 0;
}
.info-bulle {
padding: 0 3px;
max-width: 185px;
text-align: center;
}
.info-bulle .titre {
display: block;
padding: 2px 16px 4px 10px;
font-size: 14px;
}
.info-bulle .descriptif {
text-align: left;
}
.info-bulle .descriptif p {
margin: 5px 0;
}
#intro .descriptif,
#intro .texte {
line-height: 18px;
padding-bottom: 20px;
}
.sous-rubrique {
clear: both;
padding-top: 10px;
}
.sous-rubrique h2.titre {
float: left;
padding: 9px 0;
width: 236px;
text-transform: uppercase;
text-align: right;
line-height: 24px;
font-size: 20px;
font-style: italic;
background: url(squelettes/images/fond.png);
background: #000;
}
.logo_article {
float: right;
margin: 20px 0 0 20px;
}
.partage {
margin: 10px 0 20px 0;
}
.video,
.video2,
.detail {
padding: 5px 0;
}
.video a {
display: block;
text-indent: -9999px;
width: 128px;
height: 33px;
background: url(squelettes/images/video.png) no-repeat;
}
.video2 a {
display: block;
text-indent: -9999px;
width: 184px;
height: 33px;
background: url(squelettes/images/video2.png) no-repeat;
}
.detail a {
display: block;
text-indent: -9999px;
width: 107px;
height: 33px;
background: url(squelettes/images/detail.png) no-repeat;
}
#at15ptc {
color: #000;
}
article {
float: right;
clear: right;
margin-bottom: 30px;
width: 664px;
background: url(squelettes/images/fond.png);
background: #000;
}
#evenements article {
float: none;
clear: both;
width: auto;
}
#evenements h2 {
clear: both;
margin: 20px 0;
font-size: 18px;
text-transform: uppercase;
}
article .logo {
position: relative;
float: left;
margin-bottom: 20px;
}
article .logo .diaporama {
position: absolute;
bottom: 5px; left: 50%;
margin-left: -47px;
width: 94px;
height: 27px;
background: url(squelettes/images/diaporama-2.png) no-repeat;
z-index: 50;
}
article .textes {
float: right;
padding: 9px 20px;
width: 374px;
}
#evenements article .textes {
width: 664px;
padding: 9px 0;
}
article .plus {
margin-top: 20px;
text-align: right;
font-style: italic;
}
article h3 {
text-transform: uppercase;
margin-bottom: 20px;
font-size: 20px;
line-height: 24px;
}
article .galerie {
display: none;
clear: both;
}
article .galerie img {
float: left;
}
h2.legend {
font-size: 24px;
line-height: 36px;
}
#contact {
float: left;
width: 45%;
}
#newsletter {
float: right;
width: 45%;
}
#pied {
padding: 20px;
text-align: center;
background: #000;
}
body.accueil #pied {
display: none;
}