body{height: 100%; font-size:12pt; width: 100%; text-align:center;  font-family:verdana, sans-serif; margin:10px auto 10px auto; padding:0 0 0 0; background: #c7dce0 url(images/texture.jpg) repeat;}
form{margin:0 0; padding:0 0 0 0;}
img{border: none;}
p{font-size:11pt;}
div{padding:0 0 0 0;}}

embed{text-decoration:none;margin:0px; padding:0px;}


html .png{
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.aNoDeco{text-decoration:none;}

/*#site{width:970px;height: 1102px;margin:0 auto;border:1px #999999 solid;}  content = CCCCCC*/
#content{width:980px;margin:0 auto;text-align:left; overflow: hidden;}

#header{width:985px;height: 164px;margin:0 auto; overflow: hidden; display: block;}

#logo{width:198px;height: 164px;  display: block;overflow: hidden;float: left;}


/*LogoHome*/
#logoLeft{width:133px;height: 164px;display: block;overflow: hidden;float: left;}

#logoRight{width:65px;height: 164px;display: block;overflow: hidden;float: left;}
#logoRTRight{width:15px;height: 50px;background:#206671 url(images/logo2.jpg) no-repeat;float: left;}
#logoRTLeft{ width:50px;height: 50px;float: left;background-color:#206671;}

#logoRTop{width:65px;height: 50px;float: left;}
#logoRBottom{width:65px;height: 114px;background:#206671 url(images/logo3.jpg) no-repeat;float: left;}


/*#menu{width:968px;height: 47px;margin:0 auto; text-align:left;background-image:url(images/menu.jpg);}*/
#cleSol{float:left; overflow: hidden;}
#button1{float:left; overflow: hidden;}
#button2{float:left; overflow: hidden;}
#button3{float:left; overflow: hidden;}
#button4{float:left; overflow: hidden;}
#button5{float:left; overflow: hidden;}
#button6{float:left; overflow: hidden;}

/*cleSol*/

#aButton1{cursor: pointer;text-indent:-9000px;display: block;width:133px;height: 164px;background-image:url(images/presentation.jpg); text-decoration:none;float:left;}
#button1 #aButton1:hover {cursor: pointer;width:133px;height: 164px;background:url(images/presentation.jpg) -139px 0px;} 

#aButton2{cursor: pointer;text-indent:-9000px;display: block;width:118px;height: 164px;background-image:url(images/repertoire.jpg); text-decoration:none;float:left;}
#button2 #aButton2:hover {cursor: pointer;width:118px;height: 164px;background:url(images/repertoire.jpg) -130px 0px;} 

#aButton3{cursor: pointer;text-indent:-9000px;display: block;width:117px;height: 164px;background-image:url(images/agendaTest.jpg); text-decoration:none;float:left;}
#button3 #aButton3:hover {cursor: pointer;width:117px;height: 164px;background:url(images/agendaTest.jpg) -130px 0px;} 

#aButton4{cursor: pointer;text-indent:-9000px;display: block;width:98px;height: 164px;background-image:url(images/photos.jpg); text-decoration:none;float:left;}
#button4 #aButton4:hover {cursor: pointer;width:98px;height: 164px;background:url(images/photos.jpg) -130px 0px;} 

#aButton5{cursor: pointer;text-indent:-9000px;display: block;width:115px;height: 164px;background-image:url(images/oeuvres.jpg); text-decoration:none;float:left;}
#button5 #aButton5:hover {cursor: pointer;width:115px;height: 164px;background:url(images/oeuvres.jpg) -130px 0px;} 

#aButton6{cursor: pointer;text-indent:-9000px;display: block;width:103px;height: 164px;background-image:url(images/contact.jpg); text-decoration:none;float:left;}
#button6 #aButton6:hover {cursor: pointer;width:103px;height: 164px;background:url(images/contact.jpg) -130px 0px;} 


/***** AGENDA ******/

#AgendaLeftImage{width:100px; height:180px; float:left; margin-top:7px; margin-left:4px;}
#AgendaMiddleContent{width:275px; height:180px; float:left;margin-top:7px; margin-left:5px;background-color:white;overflow:hidden;}
#AgendaRight{width:270px; height:180px; float:left;margin-top:7px; margin-left:5px;background-color:white;}
#AgendaLeftDate{font-weight:700;}

#agendaBackground {background: white url(images/middle.jpg) repeat-y;width:975px;margin:0 auto;float:left;}

/*.nextTop{width:157px;height: 47px;background-image:url(images/agendaNextTop.jpg);}
.nextContent{background-image:url(images/agendaNextContent.jpg);}
.nextFooter{background-image:url(images/agendaNextFooter.jpg);}
*/


/**** HOME *****/

#middleRight{width:400px;height: 700px; background-color:blue;float:left; margin-left:20px;margin-top:20px;}
#middleRightHeader{width:400px;height: 65px;margin:0 auto;background: white url(images/articleHead.jpg) no-repeat; float:left; color:white;}
#middleRightHeader1{margin-top:7px;margin-left:7px;float:left; color:yellow; font-size:20px;}
#middleRightHeader2{margin-top:7px;margin-right:7px;float:right; color:black;font-weight:700;}
#middleRightContent{width:400px;height: 700px;margin:0 auto;background: white url(images/article.jpg) no-repeat; float:left;}
#middleRightContentRight{margin-top:7px; margin-left:15px;width:390px; height:700px; float:left; overflow:hidden;}
#middleRightContentRightHead{width:180px; height:180px; float:left; overflow:hidden;}
#middleRightContentRight a{text-decoration:none;}

#middleLeft{margin-top:7px;margin-left:0px;width:500px;float:left;height: 700px;}

#middle{width:975px;margin:0 auto;background: white url(images/middle.jpg) repeat-y;float:left; display: block; overflow:hidden;padding:0;}
#home{width:930px;height: 700px;margin:0 auto;text-align:center;}

/** ALBUMS **/
#textAlbums{width:750px;  margin:0 auto;}
.albumFront{width:800px; margin:0 auto; margin-top:10px;}
.titleAlbum{width:800px;height:30px; font-weight:700;text-align:center;background: white url(images/albumTop.jpg) no-repeat;float:left;color:yellow;}
.titleAlbumText{margin-top:5px;}
.contentAlbum{width:800px;float:left;background-color:#bbdde2;margin-bottom:15px;}

.topAlbum{width:600px;height:320px;margin:0 auto;}
.photoAlbum{width:310px;margin-left:10px;margin-right:10px;float:left;text-align:center;margin-bottom:15px;}
.rightAlbum{width:250px;float:left;margin-bottom:15px;text-align:center;z-index:-20px;}
.bottomAlbum{width:600px;margin:0 auto 10px auto;}

#titreChansons{font-weight:700; height:50px;}

#checkedhidden{visibility:hidden;}

#confirmationAlbums{width:800px; margin:0 auto;text-align:left;}

.albumColumn{width:200px;}
.albumColumn2{width:350px;}
.upload{margin-bottom:20px;border: 1px black solid; padding:5px; }

.commander{color:#30737d;font-weight:700;text-decoration:none;}
.epuise{font-weight:700;text-decoration:none;}

.commande{text-align:center;width:650px;z-index:10px;}
.commandeInside{margin:0 auto;text-align:left;width:550px;}

#repertoirePage{width:930px;margin-left:20px;}
#repertoirePochettes{width:340px;float:left;text-align:center;}
#repertoirePochette{width:300px;margin:5px auto 10px auto; }
#repertoireTexte{width:550px;float:left;}

#plusInfo{font-size:8pt;}

/** CONTACT **/
#middleContact{width:600px;margin:0 auto;margin-bottom:10px;}

#contactTop{width:570px;height:40px;background: white url(images/contactTop.jpg) no-repeat;}
#contactMiddle{width:570px;height:550px;background: white url(images/contactMiddle.jpg) repeat-y;}
#contactBottom{width:570px;height:26px;background: white url(images/contactBottom.jpg) no-repeat;}

#contentText{margin-left:35px;}

#timbreTable{width:100%;}
#timbreLeft{width:70%;}
#timbreRight{width:30%;}

/** PHOTOS **/
#photosGreen{color:green;}
#photosRed{color:red;}

#middlePhotos{height:550px; margin-top:10px; margin-left:10px; margin-bottom:10px;}

/** OEUVRES CARITATIVES **/
#oeuvresDiv{width:880px; margin-top:5px;margin-bottom:5px;margin-left: auto;margin-right: auto;}
#leftOeuvres{width:200px; float:left;text-align:center;}
#middleOeuvres{width:450px; float:left;margin-left:10px;overflow:hidden;}
#rightOeuvres{width:200px; float:left;margin-left:10px;text-align:center;}


.imageLinkOeuvres{width:155px;height: 105px; margin-left: auto;margin-right: auto; margin-top:10px; display: block;overflow: hidden;}


/** CREDITS **/
#middleCredits{height:300px;width:968px;margin:0 auto;background-color:white;float:left;}
#middleCreditsInside{margin:20px;}

/** GENERAL **/
.erreur{color:red;}
#titlePage{font-size:16pt; font-weight:700; text-align:center;}



#footer{width:979px;height: 33px;margin:0 auto;background: white url(images/footer.jpg) repeat-x; color:white;float:left;text-align:center;}
#footer a{color:white;}
#footer a:hover{color:white;}
#footer a:visited{color:white;}

.footerText{color:yellow;font-size:8pt;}
#footerLine{margin-top:7px;margin-right:10px;}
#footerTable{width:100%;}
#footerLeft{width:20%;}
#footerMiddle{width:60%;}
#footerRight{width:20%;text-align:right;}

.centered{text-align:center;}
.tableWidthht{width:20%;text-align:right;}

.centered{text-align:center;}
.tableWidth{width:100%}

.bold{font-weight:700 ;}
.backgroundGrey{background-color:#EEEEEE;}

.tableWithSpaces{cellspacing:2px;}

/*** ADMIN ***/
#menuAdmin{width:200px; height: 300px; border:1px #888888 solid; background-color:#EEEEEE;float:left; margin-left:20px;margin-top:20px;margin-bottom:20px;}
#middleRightAdmin{width:600px; float:left; margin:20px 20px 20px 20px; }

.linkImage{text-decoration:none;}

#fieldsetLogin{width:250px;}
#logForm{width:280px;text-align:center;margin-left: auto;margin-right: auto; }