/* -------- COMMUN A TOUTES LES PAGES -------- */
/* -------- proprietes générale des pages -------- */
html {
height:100%; 
max-height:100%;
}

body {
color: black;
margin:0;
padding:0;
background-color: black;
font:12px Arial, Helvetica, sans-serif;
height:100%; 
max-height:100%;
}

.titrepartie {
color: #000000;
font: bold 16px "Times New Roman", Times, Georgia, serif;
text-transform: uppercase;
}
.petit {
font-size: 9px;
}
.moyen {
font-size: 10px;
color: #000000;
}
.reserver {
color: #B7361E;
}

.times {
font-family: Times, Georgia;
font-size: 18px;
font-style: italic;
font-weight: bold;
}

/* -------- PAGE ACCUEIL -------- */

/* -------- ACCUEIL polices --------*/
a.accueil:link {
color: #ec008c;
font-weight: bold;
text-decoration: none;
}
a.accueil:visited {
color: #ec008c;
font-weight: bold;
text-decoration: none;
}
a.accueil:hover {
color: #ec008c;
font-weight: bold;
text-decoration: underline;
}
a.accueil:active {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a.introduction:link {
color: #FFFFFF;
text-decoration: none;
}
a.introduction:visited {
color: #FFFFFF;
text-decoration: none;
}
a.introduction:hover {
color: #FFFFFF;
text-decoration: underline;
}
a.introduction:active {
color: #FFFFFF;
text-decoration: none;
}

.rouge {
color: #B3001E;
}
a.rouge:link {
color: #B3001E;
text-decoration: none;
}
a.rouge:visited {
color: #B3001E;
text-decoration: none;
}
a.rouge:hover {
color: #B3001E;
text-decoration: underline;
}
a.rouge:active {
color: #B3001E;
text-decoration: none;
}

.times {
font-family: Times, Georgia;
font-size: 16px;
}

a.surlignage_over:link {
text-decoration: none;
color: #DC980F;
}
a.surlignage_over:visited {
text-decoration: none;
color: #DC980F;
}
a.surlignage_over:active {
text-decoration: none;
color: #DC980F;
}
a.surlignage_over:hover {
text-decoration: underline;
color: #DC980F;
}

a.surlignage_over_liste:link {
text-decoration: none;
color: #000;
font-size: 10px;
}
a.surlignage_over_liste:visited {
text-decoration: none;
color: #000;
font-size: 10px;
}
a.surlignage_over_liste:active {
text-decoration: none;
color: #000;
font-size: 10px;
}
a.surlignage_over_liste:hover {
text-decoration: underline;
color: #000;
font-size: 10px;
}

ul {
font-size: 10px;
color: #FFF;
}
li {
font-size: 10px;
color: #FFF;
}

/* --------  ACCUEIL photo d'illustration -------- */
div#accueil { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/index.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 599px; 
width: 301px;
}

/* -------- ACCUEIL menu haut de page -------- */
div#menuaccueil {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-accueil.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- ACCUEIL tout le texte -------- */
div#transparenceaccueil {
position: absolute;
top: 190px;
left: 260px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 650px;
/height: 670px;
_height: 685px;
width: 470px;
padding: 10px 20px;
z-index:1;
}

div#contenuaccueil {
position: absolute;
top: 190px;
left: 225px;
width: 470px;
/* - width and padding IE 6  - */
_width: 440px;
padding: 10px 15px 20px;
z-index: 2;
}

/* -------- ACCUEIL titre 1 et carre de decoration  -------- */
div#titreaccueil {
float: left;
clear: left;
height: 45px;
width: 470px
}

/* -------- ACCUEIL paragraphes  -------- */
div#accueilparagraphe {
float: left;
clear: left;
margin-top: 8px;
margin-left: 32px;
width: 450px;
/* - width and padding IE 6  - */
_width: 440px;
}

/* -------- ACCUEIL partenaires  -------- */
div#partenairesaccueil {
/* - margin ts sf IE  - */
margin-top: 25px;
/* - margin IE  - */
/margin-top: 20px;
height: 70px;
background-color: #d20303;
padding-top: 5px;
padding-left: 15px;
text-align: left;
width: 350px;
}
.logospartenairesaccueil {
float: left;
padding-right: 25px;
}

/* -------- ACCUEIL newsletter  -------- */
div#placeurnewsletter {
display: none;
/* - height ts sf IE  - */
height: 200px;
/* - height IE  - */
/height: 240px;
/* - height IE 6 - */
_height: 290px;
}

div#newsletter {
position: relative;
display: none;
z-index: 5;
/* - height ts sf IE  - */
height: 200px;
/* - height IE  - */
/height: 240px;
/* - height IE 6 - */
_height: 290px;
width: 510px;

}

div#boiteblanche {
top: 670px;
/* - top IE - */
/top: 690px;
/* - top IE 6 - */
_top: 700px;
left: 35px;
position: absolute;
background-image: url(../images/fond-newsletter.png);
width: 510px;
/* - height ts sf IE  - */
height: 215px;
/* - height IE  - */
/height: 270px;
z-index:1;
display: none;
}




/* -------- ACCUEIL newsletter error -------- */
div#placeurnewslettererror {
/* - height ts sf IE  - */
height: 200px;
/* - height IE  - */
/height: 240px;
}

div#newslettererror {
position: relative;
z-index: 5;
/* - height ts sf IE  - */
height: 240px;
/* - height IE  - */
/height: 510px;
/* - top IE 6 - */
_height: 240px;
}


div#boiteblancheerror {
top: 860px;
/* - top IE - */
/top: 880px;
/* - top IE 6 - */
_top: 870px;
left: 260px;
position: absolute;
background-image: url(../images/fond-newsletter.png);
width: 510px;
/* - height ts sf IE  - */
height: 195px;
/* - height IE  - */
/height: 270px;
/* - height IE 6  - */
_height: 380px;
z-index:1;
}

/* -------- ACCUEIL newsletter ok -------- */
div#placeurnewsletterok {
}

div#newsletterok {
position: relative;
z-index: 5;
}

div#boiteblancheok {
top: 820px;
/* - height IE 6 - */
_height: 760px;
left: 260px;
position: absolute;
background-image: url(../images/fond-newsletter.png);
width: 510px;
/* - height ts sf IE  - */
height: 55px;
/* - height IE  - */
/height: 120px;
/* - height IE  - */
_height: 75px;
z-index:1;
}

/* -------- ACCUEIL titre 1 et carre de decoration  -------- */
div#titretest {
height: 45px;
width: 470px
}

/* -------- ACCUEIL paragraphes  -------- */
div#testparagraphe {
margin-top: 8px;
margin-left: 32px;
width: 450px;
}

/* -------- PAGE SPECTACLES -------- */

/* -------- SPECTACLES polices --------*/
a.spectacles:link {
color: #B7361E;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
}
a.spectacles:visited {
color: #B7361E;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
}
a.spectacles:hover {
color: #B7361E;
text-transform: uppercase;
text-decoration: underline;
font-size: 12px;
}
a.spectacles:active {
color: #B7361E;
text-transform: uppercase;
text-decoration: none;
font-size: 12px;
}
a.spectaclespetit:link {
color: #B7361E;
text-transform: none;
text-decoration: none;
font-size: 11px;
}
a.spectaclespetit:visited {
color: #B7361E;
text-transform: none;
text-decoration: none;
font-size: 11px;
}
a.spectaclespetit:hover {
color: #B7361E;
text-transform: none;
text-decoration: underline;
font-size: 11px;
}
a.spectaclespetit:active {
color: #B7361E;
text-transform: none;
text-decoration: none;
font-size: 11px;
}

.calendrier {
color: #B7361E;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

a.calendrier:link {
color: #B7361E;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.calendrier:visited {
color: #B7361E;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.calendrier:hover {
color: #B7361E;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
a.calendrier:active {
color: #B7361E;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}
a.calendrierpopup:link {
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
a.calendrierpopup:visited {
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
a.calendrierpopup:hover {
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: underline;
}
a.calendrierpopup:active {
color: white;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}
a.fermer:link {
color: #DC980F;
font-weight: bold;
text-decoration: none;
font-size: 10px;
}
a.fermer:visited {
color: #DC980F;
font-weight: bold;
text-decoration: none;
font-size: 10px;
}
a.fermer:hover {
color: #DC980F;
font-weight: bold;
text-decoration: underline;
font-size: 10px;
}
a.fermer:active {
color: #DC980F;
font-weight: bold;
text-decoration: none;
font-size: 10px;
}
.titrespectaclebleu {
color: #B7361E;
font: bold 16px "Times New Roman", Times, Georgia, serif;
text-transform: uppercase;
}
.deuxpoints {
color: #000000;
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
.representation {
color: #B7361E;
font-size: 11px;
font-weight: bold;
}
.genre {
color: #630063;
font-size: 10px;
}

.orange {
color: #B7361E;
font-size: 10px;
text-decoration: none;
}

.intertitre {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 16px;
font-weight: bold;
}

.intertitre_spectacles {
font-family: "Times New Roman", Times, Georgia, serif;
font-size: 14px;
font-weight: bold;
}

/* --------  SPECTACLES photo d'illustration -------- */
div#photospectacles { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/spectacles.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 531px; 
width: 799px;
}

/* -------- SPECTACLES menu haut de page -------- */
div#menuspectacles {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-spectacles.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- SPECTACLES tout le texte -------- */
div#transparencespectacles {
position: absolute;
top: 200px;
left: 65px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 1050px;
width: 305px;
padding: 10px 20px;
}

div#contenuspectacles {
position: absolute;
top: 200px;
left: 30px;
width: 305px;
padding: 10px 15px 20px;
}

/* -------- SPECTACLES titre 1 et carre de decoration  -------- */
div#spectacles1 {
float: left;
clear: left;
height: 45px;
width: 290px
}

/* -------- SPECTACLES paragraphes  -------- */
div#spectaclesparagraphe {
float: left;
clear: left;
margin-top: 5px;
margin-left: 32px;
width: 310px;
}

/* -------- SPECTACLES retour haut de page  -------- */
div#spectacleshp {
position: absolute;
top: 1250px;
left: 210px;
width: 40px;
height: 35px;
}

/* -------- SPECTACLES POPUP commun -------- */
.titrespectacle {
color: #000000;
text-transform: uppercase;
font: bold 16px "Times New Roman", Times, Georgia, serif;
}
.sstitrespectacle {
color: #000000;
text-transform: uppercase;
font: bold 12px "Times New Roman", Times, Georgia, serif;
}
.sstitrespectacleptt {
color: #000000;
text-transform: uppercase;
font: bold 10px "Times New Roman", Times, Georgia, serif;
margin-left: 40px;
}
.date {
color: white;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.blanc {
color: #E1E1E1;
}
.petitblanc {
color: #E1E1E1;
font-size: 10px;
}
.bleu {
color: #DC980F;
}
.bleubold {
color: #DC980F;
font-weight: bold;
}
.credits {
color: #DC980F;
font-size: 10px;
}
.creditsblanc {
color: #E1E1E1;
font-size: 10px;
font-style: italic;
}

/* -------- SPECTACLES fermer les POPUP  -------- */
div#fermer {
position: absolute;
top: 8px;
left: 555px;
height: 12px;
width: 12px;
}
div.fermer {
position: absolute;
top: 8px;
left: 555px;
height: 12px;
width: 12px;
}

/* -------- SPECTACLES POPUP Music Hall  -------- */
div#musichall {
display: none;
position: absolute;
top: 280px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-folles.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 10;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titremusichall {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenumusichall {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#musichallphoto { 
background-image: url(../images/spectacles/1112/musichall.jpg);
background-repeat: no-repeat;
position: absolute;
top: 188px;
left: 20px;
height: 226px;
width: 160px;
}

/* -------- SPECTACLES POPUP Sagesse des fleuves  -------- */
div#sagessedesfleuves {
display: none;
position: absolute;
top: 310px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-future.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 11;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titresagessedesfleuves {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenusagessedesfleuves {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#sagessedesfleuvesphoto { 
/*background-image: url(../images/spectacles/1112/sagessedesfleuves.jpg);*/
background-repeat: no-repeat;
position: absolute;
top: 358px;
left: 20px;
height: 77px;
width: 160px;
}


/* -------- SPECTACLES POPUP Transatlantique Atlas  -------- */
div#transatlantiqueatlas {
display: none;
position: absolute;
top: 340px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-asenceur.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 12;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titretransatlantiqueatlas {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenutransatlantiqueatlas {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#transatlantiqueatlasphoto { 
/*background-image: url(../images/spectacles/1112/transatlantiqueatlas.jpg);*/
background-repeat: no-repeat;
position: absolute;
top: 290px;
left: 20px;
height: 107px;
width: 160px;
}


/* -------- SPECTACLES POPUP Le tireur occidental  -------- */
div#letireuroccidental {
display: none;
position: absolute;
top: 370px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-disgrazia.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 13;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titreletireuroccidental {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenuletireuroccidental {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#letireuroccidentalphoto { 
background-image: url(../images/spectacles/1112/letireuroccidental.jpg);
background-repeat: no-repeat;
position: absolute;
top: 212px;
left: 20px;
height: 198px;
width: 160px;
}

/* -------- SPECTACLES POPUP regardE-MOI  -------- */
div#regardemoi {
display: none;
position: absolute;
top: 400px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-scene.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 14;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titreregardemoi {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenuregardemoi {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#regardemoiphoto { 
background-image: url(../images/spectacles/1112/regardemoi.jpg);
background-repeat: no-repeat;
position: absolute;
top: 250px;
left: 20px;
height: 240px;
width: 160px;
}


/* -------- SPECTACLES POPUP Il était une voix… Il était une vigne…  -------- */
div#iletaitunevoix {
display: none;
position: absolute;
top: 430px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-ordure.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 15;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titreiletaitunevoix {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenuiletaitunevoix {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#iletaitunevoixphoto { 
background-image: url(../images/spectacles/1112/iletaitunevoix.jpg);
background-repeat: no-repeat;
position: absolute;
top: 192px;
left: 20px;
height: 262px;
width: 160px;
}

/* -------- SPECTACLES POPUP Krach Blues  -------- */
div#krachblues {
display: none;
position: absolute;
top: 460px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-chroniques.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 16;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titrekrachblues {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenukrachblues {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#krachbluesphoto { 
background-image: url(../images/spectacles/1112/krachblues.jpg);
background-repeat: no-repeat;
position: absolute;
top: 270px;
left: 20px;
height: 160px;
width: 160px;
}

/* -------- SPECTACLES POPUP Mary’s à minuit  -------- */
div#marysaminuit {
display: none;
position: absolute;
top: 490px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-obsession.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 17;
min-height: 288px;
_height: 380px;
_overflow: visible;
}
div#titremarysaminuit {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenumarysaminuit {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#marysaminuitphoto { 
background-image: url(../images/spectacles/1112/marysaminuit.jpg);
background-repeat: no-repeat;
position: absolute;
top: 117px;
left: 20px;
height: 162px;
width: 160px;
}

/* -------- SPECTACLES POPUP Pacamambo  -------- */
div#pacamambo {
display: none;
position: absolute;
top: 520px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-ose.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 18;
min-height: 272px;
_height: 380px;
_overflow: visible;
}
div#titrepacamambo {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenupacamambo {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#pacamambophoto { 
background-image: url(../images/spectacles/1112/pacamambo.jpg);
background-repeat: no-repeat;
position: absolute;
top: 113px;
left: 20px;
height: 160px;
width: 160px;
}

/* -------- SPECTACLES POPUP chambres d’échos  -------- */
div#chambresdechos {
display: none;
position: absolute;
top: 550px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-prince.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 19;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titrechambresdechos {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenuchambresdechos {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#chambresdechosphoto { 
background-image: url(../images/spectacles/1112/chambresdechos.jpg);
background-repeat: no-repeat;
position: absolute;
top: 96px;
left: 20px;
height: 329px;
width: 160px;
}

/* -------- SPECTACLES POPUP Saguenay en 8 compagnies  -------- */
div#saguenayen8compagnies {
display: none;
position: absolute;
top: 580px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-chopin.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 20;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titresaguenayen8compagnies {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenusaguenayen8compagnies {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#saguenayen8compagniesphoto { 
/*background-image: url(../images/spectacles/1112/saguenayen8compagnies.jpg);*/
background-repeat: no-repeat;
position: absolute;
top: 270px;
left: 20px;
height: 100px;
width: 160px;
}

/* -------- SPECTACLES POPUP Le Pleure-Misère  -------- */
div#lepleuremisere {
display: none;
position: absolute;
top: 610px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-coussins2.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 21;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titrelepleuremisere {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenulepleuremisere {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#lepleuremiserephoto { 
background-image: url(../images/spectacles/1112/lepleuremisere.jpg);
background-repeat: no-repeat;
position: absolute;
top: 270px;
left: 20px;
height: 120px;
width: 160px;
}

/* -------- SPECTACLES POPUP Jeux avec le Grand Siècle  -------- */
div#jeuxaveclegrandsiecle {
display: none;
position: absolute;
top: 640px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-valeureux.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 22;
min-height: 380px;
_height: 380px;
_overflow: visible;
}
div#titrejeuxaveclegrandsiecle {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenujeuxaveclegrandsiecle {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#jeuxaveclegrandsieclephoto { 
background-image: url(../images/spectacles/1112/jeuxaveclegrandsiecle.jpg);
background-repeat: no-repeat;
position: absolute;
top: 141px;
left: 20px;
height: 291px;
width: 160px;
}


/* -------- SPECTACLES POPUP Eclosions  -------- */
div#eclosions {
display: none;
position: absolute;
top: 670px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-folles.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 23;
min-height: 246px;
_height: 380px;
_overflow: visible;
}
div#titreeclosions {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenueclosions {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#eclosionsphoto { 
background-image: url(../images/spectacles/1112/eclosions.jpg);
background-repeat: no-repeat;
position: absolute;
top: 128px;
left: 20px;
height: 107px;
width: 160px;
}

/* -------- SPECTACLES POPUP Scène ouverte  -------- */
div#sceneouverte {
display: none;
position: absolute;
top: 700px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-future.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 24;
min-height: 250px;
_height: 380px;
_overflow: visible;
}
div#titresceneouverte {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenusceneouverte {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#sceneouvertephoto { 
background-image: url(../images/spectacles/1112/sceneouverte.jpg);
background-repeat: no-repeat;
position: absolute;
top: 162px;
left: 20px;
height: 107px;
width: 160px;
}


/* -------- SPECTACLES POPUP Printemps d'Europe  -------- */
div#printempsdeurope {
display: none;
position: absolute;
top: 730px;
left: 285px;
background-color: #000000;
background-image: url(../images/ts-asenceur.jpg);
background-position: left top;
background-repeat: no-repeat;
border: solid thin white;
width: 350px;
padding: 45px 20px 5px 210px;
z-index: 25;
min-height: 285px;
_height: 380px;
_overflow: visible;
}
div#titreprintempsdeurope {
position: absolute;
top: 5px;
left: 170px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 30px;
width: 330px;
}
div#titrecontenuprintempsdeurope {
position: absolute;
top: 5px;
left: 170px;
width: 330px;
padding-top: 5px;
text-align: left;
}
div#printempsdeuropephoto { 
background-image: url(../images/spectacles/1112/printempsdeurope.jpg);
background-repeat: no-repeat;
position: absolute;
top: 172px;
left: 20px;
height: 106px;
width: 160px;
}










/* -------- PAGE PRESENTATION -------- */

/* -------- PRESENTATION polices --------*/
a.presentation:link {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
a.presentation:visited {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
a.presentation:hover {
color: #B7361E;
font-weight: bold;
text-decoration: underline;
}
a.presentation:active {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
.lequipe {
color: #9ECBF2;
text-decoration: none;
}

.partenairesbold {
color: #9ECBF2;
text-decoration: none;
font-weight: bold;
}

a.partenaires:link {
color: #9ECBF2;
font-weight: bold;
text-decoration: none;
}
a.partenaires:visited {
color: #9ECBF2;
font-weight: bold;
text-decoration: none;
}
a.partenaires:hover {
color: #9ECBF2;
font-weight: bold;
text-decoration: underline;
}
a.partenaires:active {
color: #9ECBF2;
font-weight: bold;
text-decoration: none;
}

/* --------  PRESENTATION photo d'illustration -------- */
div#photopresentation { 
position: absolute; 
top: 90px; 
left: 0; 
background-image: url(../images/presentation.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 426px; 
width: 798px;
}

/* -------- PRESENTATION menu haut de page -------- */
div#menupresentation {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-presentation.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- PRESENTATION tout le texte -------- */
div#transparencepresentation {
position: absolute;
top: 230px;
left: 205px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 1850px;
/height: 2050px;
_height: 2050px;
width: 515px;
padding: 10px 20px;
}

div#contenupresentation {
position: absolute;
top: 230px;
left: 170px;
height: 100%;
width: 515px;
padding: 10px 15px 20px;
}

/* -------- PRESENTATION titre 1 et carre de decoration  -------- */
div#theatrepresentation1 {
float: left;
clear: left;
height: 30px;
width: 500px;
}

/* -------- PRESENTATION paragraphes  -------- */
.presentationparagraphe {
float: left;
clear: left;
margin-top: 10px;
margin-left: 32px;
width: 490px;
}

/* -------- PRESENTATION titre 2 et carre de decoration  -------- */
.theatrepresentation2 {
float: left;
clear: left;
height: 30px;
width: 500px;
margin-top: 15px;
}

/* -------- PRESENTATION retour haut de page  -------- */
div#presentationhp {
position: absolute;
top: 1505px;
left: 170px;
width: 40px;
height: 35px;
}

/* -------- PRESENTATION vignettes logo  -------- */
.texte_vignette {
float: left;
clear: both;
width: 480px;
margin-bottom: 8px;
}

.vignette_logo {
float: left;
width: 150px;
}
.vignette_logo_dep {
float: left;
width: 200px;
margin-right: 15px;
clear: right;
}

.vignette_scene_decouverte {
float: left;
width: 80px;
margin: 8px;
}
.vignette_scene_decouverte_end {
float: left;
width: 80px;
margin: 8px;
clear: right;
}
.vignette_scene_decouverte_front {
float: left;
clear: left;
width: 96px;
margin: 8px;
}
div#vignette_scene_decouverte_espace {
float: left;
width: 120px;
margin: 8px;
}
div#vignette_scene_decouverte_mc {
float: left;
width: 150px;
margin: 8px;
}

/* -------- PAGE CREATION 1 -------- */

/* -------- CREATION polices --------*/
a.creation:link {
color: #990864;
font-weight: bold;
text-decoration: none;
}
a.creation:visited {
color: #990864;
font-weight: bold;
text-decoration: none;
}
a.creation:hover {
color: #990864;
font-weight: bold;
text-decoration: underline;
}
a.creation:active {
color: #990864;
font-weight: bold;
text-decoration: none;
}
.titredito {
color: #990864;
text-decoration: none;
font: bold 14px "Times New Roman", Times, Georgia, serif;
}
.rose {
color: #990864;
}

a.petitcreation:link {
color: #990864;
font-size: 10px;
text-decoration: none;
}
a.petitcreation:visited {
color: #990864;
font-size: 10px;
text-decoration: none;
}
a.petitcreation:hover {
color: #990864;
font-size: 10px;
text-decoration: underline;
}
a.petitcreation:active {
color: #990864;
font-size: 10px;
text-decoration: none;
}

/* --------  CREATION photo d'illustration -------- */
div#photocreation1 { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/formulaire.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 499px; 
width: 194px;
}

/* -------- CREATION menu haut de page -------- */
div#menucreation {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-creation1.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 499px;
width: 194px;
}

/* -------- CREATION tout le texte -------- */
div#transparencecreation {
position: absolute;
top: 170px;
left: 155px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
/* - height tous sf IE  - */
height: 825px;
/* - height IE  - */
/height: 905px;
width: 550px;
padding: 10px 20px;
}

div#contenucreation {
position: absolute;
top: 170px;
left: 120px;
height: 100%;
width: 550px;
padding: 10px 15px 20px;
}

/* -------- CREATION titre 1 et carre de decoration  -------- */
div#theatrecreation1 {
float: left;
clear: left;
height: 25px;
width: 530px;
margin-top: 20px;
}

/* -------- CREATION paragraphes  -------- */
div#creationparagraphe {
float: left;
clear: left;
margin-top: 2px;
margin-left: 41px;
width: 515px;
}

/* -------- CREATION retour haut de page  -------- */
div#creationhp {
position: absolute;
top: 750px;
left: 130px;
width: 40px;
height: 35px;
}


/* -------- PAGE REPERTOIRE -------- */

/* -------- REPERTOIRE polices --------*/
a.repertoire:link {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
a.repertoire:visited {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
a.repertoire:hover {
color: #B7361E;
font-weight: bold;
text-decoration: underline;
}
a.repertoire:active {
color: #B7361E;
font-weight: bold;
text-decoration: none;
}
.durepertoire {
color: #990864;
text-decoration: none;
font: 14px "Times New Roman", Times, Georgia, serif;
}

/* --------  REPERTOIRE photo d'illustration -------- */
div#photorepertoire { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/repertoire.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 426px; 
width: 798px;
}

/* -------- REPERTOIRE menu haut de page -------- */
div#menurepertoire {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-repertoire.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- REPERTOIRE tout le texte -------- */

div#transparencerepertoire {
position: absolute;
top: 235px;
left: 300px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 7550px;
/height: 8150px;
width: 340px;
}

/* -------- REPERTOIRE paragraphes  -------- */
div#repertoireparagraphe {
position: absolute;
top: 250px;
left: 300px;
min-height: 100%;
width: 300px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
text-align: right;
}

/* -------- REPERTOIRE retour haut de page  -------- */
div#repertoirehp {
position: absolute;
top: 7505px;
/top: 8005px;
left: 275px;
width: 40px;
height: 35px;
}



/* -------- PAGE CREATION 2 -------- */

/* -------- CREATION 2 polices --------*/
.spectacle {
color: #990864;
text-decoration: none;
font: 14px "Times New Roman", Times, Georgia, serif;
}
.acteurs {
font-weight: bold;
text-decoration: none;
font:10px Arial, Helvetica, sans-serif;
}
a.creation:link {
color: #990864;
font-weight: bold;
text-decoration: none;
}
a.creation:visited {
color: #990864;
font-weight: bold;
text-decoration: none;
}
a.creation:hover {
color: #990864;
font-weight: bold;
text-decoration: underline;
}
a.creation:active {
color: #990864;
font-weight: bold;
text-decoration: none;
}

/* --------  CREATION 2 photo d'illustration -------- */
div#photocreation2 { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/creation_marionnette2.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 543px; 
width: 799px;
}

/* -------- CREATION 2 menu haut de page -------- */
div#menucreation {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-creation1.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- CREATION 2 tout le texte -------- */
div#transparencecreation2 {
position: absolute;
top: 205px;
left: 155px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 3250px;
width: 260px;
}

/* -------- CREATION 2 paragraphes  -------- */
div#creationparagraphe2 {
position: absolute;
top: 220px;
left: 155px;
min-height: 100%;
width: 220px;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}

/* -------- CREATION 2 retour haut de page  -------- */
div#creation2hp {
position: absolute;
top: 3090px;
left: 400px;
width: 40px;
height: 35px;
}

/* -------- PAGE PROFESSIONNELS -------- */

/* -------- PROFESSIONNELS polices --------*/
a.professionnels:link {
color: #6A1385;
font-weight: bold;
text-decoration: none;
}
a.professionnels:visited {
color: #6A1385;
font-weight: bold;
text-decoration: none;
}
a.professionnels:hover {
color: #6A1385;
font-weight: bold;
text-decoration: underline;
}
a.professionnels:active {
color: #6A1385;
font-weight: bold;
text-decoration: none;
}
.professionnels {
color: #6A1385;
font-weight: bold;
text-decoration: none;
}


/* --------  PROFESSIONNELS photo d'illustration -------- */
div#photoprofessionnels { 
position: absolute; 
top: 35px; 
left: 0; 
background-image: url(../images/pros.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 531px; 
width: 798px;
}

/* -------- PROFESSIONNELS menu haut de page -------- */
div#menuprofessionnels {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-pros.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- PROFESSIONNELS tout le texte -------- */
div#transparenceprofessionnels {
position: absolute;
top: 160px;
left: 420px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 650px;
width: 325px;
padding: 10px 20px;
}

div#contenuprofessionnels {
position: absolute;
top: 160px;
left: 385px;
width: 310px;
padding: 10px 15px 20px;
}

/* -------- PROFESSIONNELS titre 1 et carre de decoration  -------- */
div#theatreprofessionnels1 {
float: left;
clear: left;
height: 25px;
width: 325px
}

/* -------- PROFESSIONNELS paragraphes  -------- */
.professionnelsparagraphe {
float: left;
clear: left;
margin-top: 8px;
margin-left: 40px;
width: 315px;
}

/* -------- PROFESSIONNELS titre 2 et carre de decoration  -------- */
.theatreprofessionnels2 {
float: left;
clear: left;
height: 25px;
width: 325px;
margin-top: 20px;
}


/* -------- PAGE INFOS PRATIQUES -------- */

/* -------- INFOS PRATIQUES polices --------*/
a.pratiques:link {
color: #006261;
font-weight: bold;
text-decoration: none;
}
a.pratiques:visited {
color: #006261;
font-weight: bold;
text-decoration: none;
}
a.pratiques:hover {
color: #006261;
font-weight: bold;
text-decoration: underline;
}
a.pratiques:active {
color: #006261;
font-weight: bold;
text-decoration: none;
}
.a.pratiques {
color: #006261;
font-weight: bold;
text-decoration: none;
}
a.pratiquesthin:link {
color: #006261;
text-decoration: none;
}
a.pratiquesthin:visited {
color: #006261;
text-decoration: none;
}
a.pratiquesthin:hover {
color: #006261;
text-decoration: underline;
}
a.pratiquesthin:active {
color: #006261;
text-decoration: none;
}
.a.pratiques {
color: #006261;
font-weight: bold;
text-decoration: none;
}
.pratiques {
color: #006261;
text-decoration: none;
}
.pratiquesbold {
color: #006261;
font-weight: bold;
text-decoration: none;
}
.grand {
font-size: 14px;
color: #000000;
font-weight: bold;
}

/* --------  INFOS PRATIQUES photo d'illustration -------- */
div#photopratiques { 
position: absolute; 
top: 200px; 
left: 0; 
background-image: url(../images/pratique.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 391px; 
width: 588px;
}

/* -------- INFOS PRATIQUES menu haut de page -------- */
div#menupratiques {
position: absolute;
top: 71px;
left: 215px;
background-image: url(../images/menu-pratiques.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

/* -------- INFOS PRATIQUES tout le texte -------- */
div#transparencepratiques {
position: absolute;
top: 200px;
left: 558px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 1780px;
/height: 1800px;
_height: 1800px;
width: 230px;
padding: 10px 20px;
}

div#contenupratiques {
position: absolute;
top: 200px;
left: 523px;
width: 230px;
padding: 10px 15px 20px;
}

/* -------- INFOS PRATIQUES paragraphes  -------- */
.pratiquesparagraphe {
float: left;
clear: left;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 40px;
width: 200px;
}

/* -------- INFOS PRATIQUES titre 1 et carre de decoration  -------- */
div#theatrepratiques1 {
float: left;
clear: left;
height: 25px;
width: 220px
}

/* -------- INFOS PRATIQUES titre 2 et carre de decoration  -------- */
.theatrepratiques2 {
float: left;
clear: left;
height: 25px;
width: 245px;
margin-top: 10px;
}

.theatrepratiques3 {
float: left;
clear: left;
height: 65px;
width: 245px;
margin-top: 10px;
}

/* -------- INFOS PRATIQUES retour haut de page  -------- */
div#pratiqueshp {
position: absolute;
top: 1430px;
left: 525px;
width: 40px;
height: 35px;
}

/* -------- INFOS PRATIQUES plan  -------- */
div#plan {
display: none;
position: absolute;
top: 170px;
left: 35px;
background-color: #000000;
border: solid thin white;
width: 495px;
height: 445px;
padding-top: 5px;
padding-left: 5px;
z-index:16;
}


/* -------- PAGE FORMULAIRE -------- */

/* --------  FORMULAIRE reserver photo d'illustration -------- */
div#photoformulaire { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/creation_marionnette1.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 550px; 
width: 244px;
}

/* -------- FORMULAIRE reserver menu haut de page -------- */
div#menuformulaire {
position: absolute;
top: 71px;
left: 105px;
background-image: url(../images/menu-formulaire.jpg);
background-position: left top;
background-repeat: no-repeat;
height: 42px;
width: 437px;
}

div#fdeco {
position: absolute;
top: 50px;
left: 50px;
background-image: url(../images/decotop.jpg);
background-position: left top; 
background-repeat: no-repeat;
height: 50px;
width: 625px;
padding: 10px 10px;
}

div#flien1 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#ftitresection {
float: right;
height: 25px;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
}

/* -------- FORMULAIRE tout le texte -------- */
div#transparenceformulaire {
position: absolute;
top: 160px;
left: 100px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 405px;
width: 550px;
padding: 10px 20px;
}

div#contenuformulaire {
position: absolute;
top: 160px;
left: 65px;
width: 550px;
padding: 10px 15px 20px;
}

/* -------- FORMULAIRE RESERVER tout le texte -------- */
div#transparencereserver {
position: absolute;
top: 160px;
left: 100px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 485px;
width: 550px;
padding: 10px 20px;
}

div#contenureserver {
position: absolute;
top: 160px;
left: 65px;
width: 550px;
padding: 10px 15px 20px;
}

/* -------- FORMULAIRE paragraphes  -------- */
div#formulaireparagraphe {
float: left;
clear: left;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 40px;
width: 535px;
}

/* -------- FORMULAIRE RESERVER titre 1 et carre de decoration  -------- */
div#titreformulaire1 {
float: left;
clear: left;
height: 25px;
width: 535px
}

/* --------  FORMULAIRE photo d'illustration -------- */
div#photoformulairenewsletter { 
position: absolute; 
top: 0; 
left: 0; 
background-image: url(../images/newsletter-photo.jpg); 
background-position: left top; 
background-repeat: no-repeat;
height: 550px; 
width: 244px;
}

/* -------- FORMULAIRE newsletter tout le texte -------- */
div#transparencenesweletter {
position: absolute;
top: 160px;
left: 100px;
filter:alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.6;
background-color: #E6E6E6;
height: 205px;
width: 570px;
padding: 10px 20px;
}

div#contenunewsletter {
position: absolute;
top: 160px;
left: 65px;
width: 550px;
padding: 10px 15px 20px;
}

.label {
float: left;
clear: left;
width: 100px;
padding-right: 7px;
padding-top: 5px;
}
.form {
float: left;
clear: right;
}

div#cnil {
float: left;
clear: left;
padding-top: 4px;
}

/* -------- FORMULAIRE paragraphes  -------- */
div#formulaireparagraphe {
float: left;
clear: left;
margin-top: 8px;
margin-bottom: 8px;
margin-left: 40px;
width: 535px;
}

/* -------- FORMULAIRE newsletter titre 1 et carre de decoration  -------- */
div#titreformulaire1 {
float: left;
clear: left;
height: 25px;
width: 535px
}


/* -------- MENU COMMUN A TOUTES LES PAGES -------- */
/* -------- photo haut de page -------- */
div#deco {
position: absolute;
top: 50px;
left: 160px;
background-image: url(../images/decotop.jpg);
background-position: left top; 
background-repeat: no-repeat;
height: 50px;
width: 625px;
padding: 10px 10px;
}

/* -------- carres du menu et titre -------- */
div#lien1 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien2 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien3 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien4 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien5 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien6 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#lien7 {
float: left;
height: 20px;
width: 20px;
margin-top: 15px;
margin-left: 5px;
margin-right: 5px;
}

div#titresection {
float: right;
height: 25px;
margin-top: 12px;
margin-left: 10px;
margin-right: 10px;
}