/* stylesheet by Sophie G - http://sophie-g.net - 2006-2007 */

body {
background:#2A2C31 url("../images/fondPage.gif");
color:#2F1303;
font-family:Georgia, Garamond ,Palatino, Cambria, Times, serif;
margin:0;
padding:0;
text-align:center;
}
@media all and (min-width: 0px){
body { overflow:scroll;}
}
#wrapper {
margin:0 auto;
position:relative;
text-align:left;
width:775px;
}
#header {
background:#2A2C31 url("../images/fondPapier.jpg") repeat-y 89px 0;
height:200px;
left:-89px;
position:absolute;
top:0;
width:953px;
}
body .style00 #header {
background: url("../images/enTete00.jpg") no-repeat;
}
body .style01 #header {
background: url("../images/enTete01.jpg") no-repeat;
}
body .style02 #header {
background: url("../images/enTete02.jpg") no-repeat;
}
body .style03 #header {
background: url("../images/enTete03.jpg") no-repeat;
}
#header h1, #header h2 {
margin:0;
text-indent:-1000px;
}
#mainNav {
left:20px;
position:absolute;
top:145px;
width:750px;
}
#mainNav ul {
list-style-type:none;
margin:0;
padding:0;
}
#mainNav li {
background-repeat:no-repeat;
background-position:0 -50px;
display:block;
float:left;
margin:0;
padding:0;
}
#mainNav #homeLink {
margin:0 -10px 0 0px;
}
#mainNav #troupeLink {
margin:-2px -12px 2px 0;
}
#mainNav #calendrierLink {
margin:3px -13px -3px 0;
}
#mainNav #creationsLink {
margin:-2px 0 0 0;
}
#mainNav #galerieLink {
margin:2px 0 -2px 0;
}
#mainNav #lumiereLink {
margin:-5px -5px 5px 15px;
}
#mainNav #partenairesLink {
margin:-8px 0 8px -5px;
}
#mainNav #atelierLink {
margin:-8px 0 8px -5px;
}
#mainNav #liensLink {
margin:-2px 0 2px -5px;
}
#mainNav #forumLink {
margin:-4px 0 4px -5px;
}
#mainNav #livreOrLink {
margin:-5px 0 5px -8px;
}
#mainNav #contactLink {
margin:0 0 0 -5px;
}
#mainNav a {
background-repeat:no-repeat;
color:#512308;
display:block;
height:40px;
overflow:hidden;
padding:2px;
text-decoration:none;
text-indent:-300px;
width:120px;
}
#galerieLink a {
width:200px;
}
#mainNav a:link {
background-position:0 0;
}
#mainNav a:visited {
background-position:0 0;
}
#mainNav a:hover, #mainNav a:active, #mainNav a:focus {
background-position:0 -50px;
}
#homeLink, #homeLink a {
background-image: url("../images/homeMenu.gif");
}
#troupeLink, #troupeLink a {
background-image: url("../images/troupeMenu.gif");
}
#calendrierLink, #calendrierLink a {
background-image: url("../images/calendrierMenu.gif");
}
#creationsLink, #creationsLink a {
background-image: url("../images/creationsMenu.gif");
}
#galerieLink, #galerieLink a {
background-image: url("../images/galerieMenu.gif");
}
#pressbookLink, #pressbookLink a {
visibility:hidden;
}
#lumiereLink, #lumiereLink a {
background-image: url("../images/lumiereMenu.gif");
visibility:hidden;
}
#partenairesLink, #partenairesLink a {
background-image: url("../images/partenairesMenu.gif");
}
#atelierLink, #atelierLink a {
background-image: url("../images/atelierMenu.gif");
}
#liensLink, #liensLink a {
background-image: url("../images/liensMenu.gif");
}
#forumLink, #forumLink a {
background-image: url("../images/forumMenu.gif");
}
#livreOrLink, #livreOrLink a {
background-image: url("../images/livreOrMenu.gif");
}
#contactLink, #contactLink a {
background-image: url("../images/contactMenu.gif");
}
#home #homeLink a:visited, #troupe #troupeLink a:visited, #calendrier #calendrierLink a:visited, #creations #creationsLink a:visited, #galerie #galerieLink a:visited, #lumiere #lumiereLink a:visited, #partenaires #partenairesLink a:visited, #atelier #atelierLink a:visited, #liens #liensLink a:visited, #forum #forumLink a:visited, #livreOr #livreOrLink a:visited, #contact #contactLink a:visited {
background-position:0 -100px;
}
#content {
background:#2A2C31 url("../images/fondPapier.jpg") repeat-y;
min-height:350px;
padding: 240px 40px 40px 180px;
}
h3 {
height:150px;
margin:0 0 -50px -138px;
text-indent:-1000px;
width:500px;
}
#home h3 {
background: url("../images/lettrines/accueil.gif") no-repeat;
}
#troupe h3 {
background: url("../images/lettrines/laTroupe.gif") no-repeat;
}
#calendrier h3 {
background: url("../images/lettrines/calendrier.gif") no-repeat;
}
#creations h3 {
background: url("../images/lettrines/creations.gif") no-repeat;
}
#galerie h3 {
background: url("../images/lettrines/galerie.gif") no-repeat;
}
#lumiere h3 {
background: url("../images/lettrines/lumiere.gif") no-repeat;
}
#partenaires h3 {
background: url("../images/lettrines/partenaires.gif") no-repeat;
}
#atelier h3 {
background: url("../images/lettrines/atelier.gif") no-repeat;
}
#liens h3 {
background: url("../images/lettrines/liens.gif") no-repeat;
}
#livreOr h3 {
background: url("../images/lettrines/livreOr.gif") no-repeat;
}
#contact h3 {
background: url("../images/lettrines/contact.gif") no-repeat;
}
#administration h3 {
background: url("../images/lettrines/administration.gif") no-repeat;
}
h4 {
color:#512308;
font-size:1.2em;
margin:20px 0 10px;
font-variant:small-caps;
}
h5 {
color:#512308;
font-size:2em;
margin:20px 0 10px;
text-align:center;
}
#content #sousMenu {
background: url("../images/topSsMenu.jpg") no-repeat 0 0;
font-size:.9em;
left:-28px;
margin:15px 0;
padding:30px 0 0;
position:absolute;
top:400px;
width:200px;
}
#content #sousMenu h4 {
background: url("../images/sideSsMenu.jpg") repeat-y 0 75px;
color:#B2130F;
font-size:1.2em;
margin:0;
padding:0 10px;
}
#content #sousMenu ul {
background: url("../images/sideSsMenu.jpg") repeat-y 0 75px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:15px 10px;
}
#content #sousMenu ul ul {
background:none !important;
margin:5px 10px;
padding:0;
}
#content #sousMenu div {
background: url("../images/bottomSsMenu.jpg") no-repeat 0 100%;
padding:0 0 35px;
}
#sousMenu li {
margin:0;
padding:0;
}
#sousMenu a {
background: url("../images/sousMenu.gif") no-repeat 0 0;
display:block;
font-weight:bold;
line-height:1.1em;
min-height:28px;
padding:2px 0 0 26px;
}
#sousMenu li.enCours a:link, #sousMenu li.enCours a:visited, #sousMenu li.enCours a:hover, #sousMenu li.enCours a:active, #sousMenu li.enCours a:focus {
background: url("../images/sousMenuEnCours.gif") no-repeat 0 4px;
color:#2F1303;
min-height:28px;
text-decoration:none;
}
#sousMenu li.enCours li a:link, #sousMenu li.enCours li a:visited, #sousMenu li li a:link, #sousMenu li li a:visited {
background: url("../images/sousMenu.gif") no-repeat 0 0;
color:#512308;
font-weight:normal;
min-height:0;
text-decoration:underline;
}
#sousMenu li.enCours li a:visited {
color:#6A36AA;
}
#sousMenu li.enCours li a:hover, #sousMenu li.enCours li a:active, #sousMenu li.enCours li a:focus {
text-decoration:none !important;
}
#content p {
margin:0 0 1em 0;
padding:0;
text-align:justify;
}
#content p.droite {
text-align:right;
}
#content p:first-letter {
color:#B2130F ;
font-weight:bold;
font-size:1.4em;
}
#content p.center {
text-align:center;
}
#content ul, #content .ficheTechnique ul {
list-style-image:url("../images/liste.gif");
list-style-position:outside;
}
#content ul img {
margin: 5px 0 20px 50px;
}
.photo {
background: url("../images/photoCoins.gif") no-repeat 100% 0;
margin:5px 0;
}
.photo .coin {
background: url("../images/photoCoins.gif") no-repeat 0 0;
margin-right:9px;
padding: 9px 0 0;
}
.photo .bordureGauche {
background: url("../images/photoBorduresVer.gif") repeat-y 0 0;
padding: 0 0 0 9px;
}
.photo .bordureDroite {
background: url("../images/photoBorduresVer.gif") repeat-y 100% 0;
padding: 0 9px 0 0;
}
.photo .bordureBas {
background: url("../images/photoCoins.gif") no-repeat 100% 100%;
}
.photo .bordureBas .coin {
background: url("../images/photoCoins.gif") no-repeat 0 100%;
margin-right:9px;
padding: 9px 0 0;
}
.photo img {
border:4px solid #F0EEE0;
display:block;
padding:0;
}
.droite {
float:right;
margin:0 0 5px 15px;
}
.gauche {
float:left;
margin:0 15px 5px 0;
}
.pleinePage {
float:left;
margin:0 0 5px 0;
}
.carteMembre {
background: url("../images/carteMembre.jpg") no-repeat;
float:left;
height:235px;
margin:0 7px 10px 0;
overflow:hidden;
padding:0;
width:560px;
}
.ficheTechnique {
background: url("../images/ficheTechnique.jpg") no-repeat;
float:left;
font-size:.9em;
height:210px;
width:200px;
}
.distribution {
float:right;
font-size:.9em;
width:330px;
}
.distribution h4 {
padding:0;
font-variant:normal;
}
.index {
float:right;
font-size:.9em;
width:230px;
}
.index h4 {
padding:0;
}
.pitch {
background: url("../images/pitchTop.gif") no-repeat 0 0;
padding: 40px 0 10px 50px;
}
.pitch div {
background: url("../images/pitchBottom.gif") no-repeat 100% 100%;
padding:0 50px 20px 0;
}
.pitch p {
font-size:.9em;
font-weight:bold;
font-style:italic;
color:#652F0F;
}
.pitch .image {
background:none;
padding:0;
text-align:center;
}
#content .pitch p:first-letter {
color:#652F0F;
}
.carteMembre .marge {
margin:8px 20px 12px 17px;
}
.ficheTechnique .marge {
margin:8px 15px 0 15px;
}
.carteMembre .photo {
background:none;
border:1px solid #D49D29;
margin:0 5px 5px 0;
padding:0;
}
#content .carteMembre p:first-letter, #content .ficheTechnique p:first-letter {
font-size:1em;
}
#content .carteMembre p {
font-size:.9em;
margin:.3em 0;
}
#content .ficheTechnique p {
margin:.2em 0;
}
#content .ficheTechnique h4 {
font-variant:normal;
}
#content .distribution ul {
margin: 0;
}
#content table ul {
margin: 0 0 15px;
}
#content .distribution li {
line-height:1em;
margin:0;
padding:0;
}
.carteMembre strong {
font-size:1.4em;
line-height:1.4em;
}
.carteMembre strong:first-letter {
color:#B2130F;
}
label {
color:#9A691B;
font-size:.9em;
}
label:first-letter {
color:#9A691B;
font-weight:normal;
}
#news {
float:right;
margin:-104px -127px 10px 30px;
width:270px;
}
#news .fond {
background: url("../images/bottomNews.jpg") no-repeat 0 100%;
padding:0 0 45px;
}
#news .marge {
background: url("../images/sideNews.jpg") repeat-y 0 104px;
}
#news h4 {
background: url("../images/topNews.jpg") no-repeat 0 0;
font-size:1.4em;
height:104px;
line-height:130px;
margin:0;
padding:0 20px 0 0;
text-align:right;
}
#news p {
background: url("../images/liste.gif") no-repeat 0 -5px;
font-size:.9em;
font-style:italic;
margin:0 20px 5px;
padding-bottom:5px;
text-indent:25px;
}
#news label {
font-size:1.2em;
}
#news span {
float:right;
margin-top:5px;
font-style:normal;
}
.legende {
font-size:.8em;
font-style:italic;
}
#content p.legende:first-letter {
color:#2F1303;
}
#content table {
border-collapse:collapse;
margin:0 0 30px 0;
width:100%;
}
table td {
background: url("../images/fondRangClair.gif");
border:1px solid #EBCE6E;
}
table .pair td {
background: url("../images/fondRangFonce.gif");
}
.formLabel {
clear:left;
display:block;
float:left;
line-height:1.5em;
padding:0 5px 0 0;
text-align:right;
width:150px;
}
.formInput {
float:left;
}
.formInput textarea, .formInput input {
background: url("../images/fondInput.jpg");
border:1px solid #512308;
font-family:Georgia, Garamond ,Palatino, Cambria, Times, serif;
font-size:1em;
line-height:1.6em;
margin:0 0 5px 0;
width:350px;
}
.error .formInput textarea, .error .formInput input {
border-color:#B2130F;
}
.hint {
display:block;
float:right;
font-size:.8em;
text-align:right;
width:120px;
}
#submit {
background: url("../images/fondBouton.gif");
border:0 none;
color:#512308;
font-style:italic;
height:40px;
margin-left:160px;
width:120px;
}
#submit:hover, #submit:active, #submit:focus {
background-position: 0 -50px;
cursor:pointer;
}
img {
border: 0 none;
}
a:link {
color:#512308;
}
a:visited {
color:#6A36AA;
}
a:hover, a:active, a:focus {
text-decoration:none;
}
#footer {
background: url("../images/basPapier.jpg") no-repeat;
height:65px;
line-height:1.4em;
padding:90px 20px 0;
position:relative;
}
#footer a:link, #footer a:visited {
color:#959595;
}
#footer p {
color:#959595;
font-size:.8em;
text-align:right;
}
#sceau {
background: url("../images/sceau.gif") no-repeat;
height:195px;
left:32px;
position:absolute;
top:-50px;
width:125px;
}
fieldset {
border:0 none;
}
.error, #errors {
color:#B2130F;
}
.coupe {
clear:both;
}

/* lightbox gallery */
.lightboxGallery li
{
clear:left;
}
.lightboxGallery span.image
{
background: url("../images/ficheTechnique.jpg") no-repeat;
clear:left;
display:block;
float:left;
margin:0 20px 10px 0;
width:200px;
height:210px;
}
.lightboxGallery span.image img
{
border:1px solid #B2130F;
margin:14px 9px !important;
}
.lightboxGallery div.movie
{
margin:10px 0 0 0;
padding:0 40px 30px 0;
}

/* lightbox styles */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #f1e5a5;
	border-style:solid;
	border-color:#B2130F;
	border-width:2px 2px 0 2px;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevLabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextLabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #f1e5a5;
	border-style:solid;
	border-color:#B2130F;
	border-width:0 2px 2px 2px;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width:110px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}