/*==========================================================================*/
/*:::::::::::::::::       STANDARD          ::::::::::::::::::::::::::::::: */
/*==========================================================================*/

body { width: auto; height: auto; background-color: #601455 !important; background-color: #540e49; background-image: url(../img/fond/fond.png); background-repeat: repeat-x; background-position:left top; font-family: Verdana, Arial, sans-serif; font-size: 10px; padding:0px; margin: 0px; border-style:none;}

a img {border-style:none;border-width:0px;}
a, a:visited{text-decoration: none; letter-spacing: normal;}
a:hover{text-decoration: none; letter-spacing: normal;}
img {border-style:none;border-width:0px;  margin: 0px; padding: 0px;}
dl { margin: 0px; padding: 0px;}
dt { margin: 0px; padding: 0px;}
ul { margin: 0px; padding: 0px; }
li { margin: 0px; padding: 0px; }
form { padding: 0px; margin: 0px;}
input { padding: 0px; margin: 0px;}



/*==========================================================================*/
/*:::::::::::::::::       STRUCTURE          :::::::::::::::::::::::::::::: */
/*==========================================================================*/

.header-top { width: auto; height: 15px; padding:0px; margin: 0px; border-style:none;}
.header-in {  width: 985px; padding:0px; margin: 0px; border-style:none;}

.main { float: left; width: 985px; padding:0px; margin: 0px; border-style:none;}

.main-c1 { float: left; width: 186px; padding:0px; margin: 0px; border-style:none;}
.c1-up { position: relative; top: -75px; left : 0px;  height: 0px; font-family: Arial, Verdana, sans-serif; color: #FFFFFF; font-size: 10px; font-weight: normal; padding-left:0px; margin: 0px; margin-top: -13px; border-style:none;}
.c1-up a { color: #FFFFFF; padding-left:40px; letter-spacing: normal;}
.c1-up a:hover { color: #FFFFFF; padding-left:38px; letter-spacing: 0.1em;}
.c1 { width: 186px; height: 369px; background-image: url(../img/fond/col1-e.png); background-repeat: repeat-y; background-position:left top; padding-top:50px !important; padding-top:75px;  margin: 0px; border-style:none;}
.c1-bottom { width: 186px; height: 215px; background-image: url(../img/fond/col1-bottom.png); background-repeat: no-repeat; background-position:left top; padding:0px; margin: 0px; border-style:none;}

.main-c2 { float: left; width: 799px; background-color: #B1ADC2; padding: 0px; margin: 0px; border-style:none;}
.c2-up { position: relative; top: -75px !important; top: -53px; left : 0px;  height: 0px; font-family: Arial, Verdana, sans-serif; font-size: 19px; font-weight: bold; padding-left:22px; margin: 0px; border-style:none; margin-top: 0px !important; margin-top: -22px;}
.c2-up-retour { position: relative; top: -62px !important; top: -40px; left : 0px;  height: 0px; font-family: Arial, Verdana, sans-serif; font-size: 19px; font-weight: bold; padding-left:22px; margin: 0px; border-style:none; margin-top: 0px !important; margin-top: -35px;}
.c2 { float : left; width: 494px;  background-color: #FFFFFF; padding: 0px; margin: 0px; border-style:none;}
.c2 .end { clear: both; line-height: 30px; height: 30px; padding:0px; margin: 0px; border-style:none;}

.c2 {padding-top:700px !important; height: auto !important;  height: 700px; min-height: 1px;}
.c2-in { margin-top: -700px;}


.c3 { float: right; width: 305px; background-color: #B1ADC2; padding:0px; margin: 0px; border-style:none;}
.c3-NA { padding-top:30px; margin: 0px; border-style:none;}


.clear { clear : both;}

/*  exceptions  */
.main-c2-orchestre { float: left; width: 799px; height:744px; position: relative; top:0px; left:0px; background-color: #FFFFFF; padding: 0px; margin: 0px; border-style:none;}
.main-c2-orchestre .c2-orchestre { width: 445px; height:0px; position: absolute; top : 0px; left:0px;  }

.c2-association { float : left; width: 494px;  background-color: #FFFFFF; padding: 0px; margin: 0px; border-style:none;}
.c2-association {padding-top:700px !important; height: auto !important;  height: 700px; min-height: 1px;}
.c2-association-in { margin-top: -700px}

.main-c2-chiffre { float: left; width: 799px; background-color: #FFFFFF; padding: 0px; margin: 0px; background-image: url(../img/fond/col2-e.png); background-repeat: no-repeat; background-position:right top;}
.c2-chiffre { float : left; width: 799px;  padding: 0px; margin: 0px; border-style:none;}
.c2-chiffre {padding-top:659px !important; height: auto !important;  height: 659px; min-height: 1px;}
.c2-chiffre-in { margin-top: -659px}

.main-c2-panorama { float: left; width: 799px; background-color: #FFFFFF; padding: 0px; margin: 0px; background-image: url(../img/fond/col2-e.png); background-repeat: no-repeat; background-position:right top;}
.c2-panorama { float : left; width: 574px;  padding: 0px; margin: 0px; border-style:none;}
.c2-panorama {padding-top:659px !important; height: auto !important;  height: 659px; min-height: 1px;}
.c2-panorama-in { margin-top: -659px}

.main-c2-publications { float: left; width: 799px; background-color: #FFFFFF; padding: 0px; margin: 0px; background-image: url(../img/fond/col2-e.png); background-repeat: no-repeat; background-position:right top;}


.main-c2-admin { float: left; width: 799px; background-color: #FFFFFF; padding: 0px; margin: 0px; background-image: url(../img/fond/col2-e.png); background-repeat: no-repeat; background-position:right top;}
.c2-admin { width: 799px;  padding: 0px; margin: 0px; border-style:none;}
.c2-admin {padding-top:659px !important; height: auto !important;  height: 659px; min-height: 1px;}
.c2-admin-in { margin-top: -659px}

.main-c2-default { float: left; width: 799px; background-color: #FFFFFF; padding: 0px; margin: 0px; background-image: url(../img/fond/col2-e.png); background-repeat: no-repeat; background-position:right top;}
.c2-default { float : left; width: 799px;  padding: 0px; margin: 0px; border-style:none;}
.c2-default {padding-top:659px !important; height: auto !important;  height: 659px; min-height: 1px;}
.c2-default-in { margin-top: -659px}



/*==========================================================================*/
/*:::::::::::::::::       Deconnexion               ::::::::::::::::::::::::::: */
/*==========================================================================*/
.deconnexion {float : left; position: relative; top: -80px; left : 850px;  height: 0px; font-family: Arial, Verdana, sans-serif; color: #000000; font-size: 10px; font-weight: normal; padding:0px; margin: 0px; margin-top: -30px;border-style:none;}
.deconnexion .decx-left {float : left;}
.deconnexion .decx-right {float : left; padding: 4px 0 0 5px;}
.deconnexion .decx-right a { color: #000000; text-decoration: underline;}
.deconnexion .decx-right a:hover { color: #000000; text-decoration: underline;}



/*==========================================================================*/
/*:::::::::::::::::       MOSAIQUE               ::::::::::::::::::::::::::: */
/*==========================================================================*/

.c3-in { padding:2px 0 0 13px; margin: 0px; border-style:none;}
.c3-in .mosaique-trait { padding:0 0 156px 0; border-top: solid 1px #c9c6d4; font-size: 3px; line-height: 3px}

.mosaique1 { position: absolute; top: 250px; left: 694px; width:144px; height:144px; }
.mosaique2 { position: absolute; top: 410px; left: 694px; width:144px; height:144px; }
.mosaique3 { position: absolute; top: 570px; left: 694px; width:144px; height:144px; }
.mosaique4 { position: absolute; top: 730px; left: 694px; width:144px; height:144px; }
.mosaique5 { position: absolute; top: 890px; left: 694px; width:144px; height:144px; }

.c3-in a { color: #FFFFFF; text-decoration: none; }
.c3-in a:hover { color: #FFFFFF; text-decoration: none; }
.mosaique-text { position: relative; top: -144px; left: 6px; height: 0px; width: 130px; color: #FFFFFF; font-size: 10px; font-weight: normal; }
.mosaique-text-categorie { padding:8px 0 0 0; color: #FFFFFF; font-size: 10px; font-weight: normal; }
.mosaique-text-titre { height: 78px; color: #FFFFFF; font-size: 10px; font-weight: bold; }
.mosaique-text-bandeau { padding: 25px 0 0 0 ; color: #FFFFFF; font-size: 9px; font-weight: bold; }



/*==========================================================================*/
/*:::::::::::::::::       DEFAULT               ::::::::::::::::::::::::::: */
/*==========================================================================*/

.c2-default .titre { color: #00509A; font-size: 12px; font-weight: bold; padding: 22px 0 0 22px; }
.c2-default .texte { color: #000000; font-size: 12px; font-weight: normal; padding: 12px 0 0 22px; }



/*==========================================================================*/
/*:::::::::::::::::       PIED DE PAGE          ::::::::::::::::::::::::::: */
/*==========================================================================*/

.pied-page { clear : both; color: #808080; width: 799px; height: 65px; background-image: url(../img/fond/col2-bottom.png); background-repeat: no-repeat; background-position:left top; padding:0px; margin-left: 186px; border-style:none;}
.pied-page a { color: #808080; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; line-height: 28px; height: 28px; }
.pied-page a:hover{ color: #FFFFFF;}
.haut-page { padding: 0 0 0 22px;}
.mention { padding: 0 0 0 570px;}


/*==========================================================================*/
/*:::::::::::::::::       IMPRESSION & MAIL         ::::::::::::::::::::::: */
/*==========================================================================*/

.icone { clear: both; padding: 0 0 0 22px; }
.icone .icone-gauche { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}
.icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}
.icone .trait  { padding:6px 0 0 0; width: 472; height: 21px; border-bottom: dotted 1px #009ee0;}

.c2-association .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-association .icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}

.c2-orchestre .icone .trait {width: 422px;}
.c2-orchestre .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-orchestre .icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}

.c2-chiffre .icone .trait {width: 760px; height: 25px; }
.c2-chiffre .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-chiffre .icone .icone-droit { float: right; padding: 4px 100px 0 3px; margin: 0px; border-style:none;}

.c2-panorama .icone .trait {width: 574px; }
.c2-panorama .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-panorama .icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}

.c2-orchestre-plus .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-orchestre-plus .icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}

.c2-recrutement .icone .icone-gauche { float: left; padding: 0px; margin: 0px; border-style:none;}
.c2-recrutement .icone .icone-droit { float: right; padding: 0 0 0 3px; margin: 0px; border-style:none;}

.icone img { margin: 0px; padding:0px; border-style:none; border-left: solid 1px #bfe7f7;}
.icone img.sans { border-style:none;}
.icone .img-droite { border-right: solid 1px #bfe7f7;}


.icone .titreOrchestre { color: #b2b2b2;  font-family: Arial, Verdana, sans-serif; font-size: 15px; height: 22px; line-height: 22px; font-weight: bold;}
.icone .titreOrchestre a { color: #b2b2b2;}
.icone .titreOrchestre a:hover { color: #000000;}
.icone .titreOrchestreOn { color: #000000; }

.icone .numero-gauche { float: left; }
.icone .numero-middle { float: left; padding: 3px 4px 0 4px;}
.icone .numero-droit { float: left; }
.icone .numero { color: #00509A;  font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
.icone .numeroTotal { color: #000000;  font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}



/*==========================================================================*/
/*:::::::::::::::::       ACTIVITES & NEWS          ::::::::::::::::::::::: */
/*==========================================================================*/

.c2 .compteur { clear: both; padding: 7px 36px 0px 22px;}
.cpt-number { color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; }
.cpt-text { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; padding: 0px; margin: 0px; }

.c2 .introduction { clear: both; padding: 27px 35px 36px 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}

.tri {padding: 50px 0 0 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold;}
.tri .tri-in { padding: 4px 0 0 0; margin: 0px; height: 24px; border-top: solid 1px #a6ddf4; border-bottom: solid 1px #a6ddf4;}
.tri-select { float: left; color: #000000; padding: 2px 5px 0 10px; }
.tri-no-select { float: left; color: #666666; padding: 2px 5px 0 10px; }
.tri-input { float: left; padding: 4px 10px 0 0; }
.tri-news {padding: 0 0 0 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold;}
.tri-news .tri-in { height: 20px; border-bottom: solid 1px #a6ddf4;}

.retour { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal;}
.retour a { color: #000000; }
.retour a:hover { color: #000000; }

.c2-activite {clear: both;}

.c2-activite .onglet { height:35px; background-image: url(../img/activite/onglet.png); background-repeat: no-repeat; background-position:left top; padding:0px; margin-top:26px;  border-style:none;}
.c2-activite .onglet span { line-height: 35px; padding: 0 0 0 29px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold; margin: 0px; border-style:none;}
.c2-activite .trait { padding:15px 0 0 22px; margin: 0 0 0 22px; border-bottom: solid 1px #00AD42;}
.espace { line-height: 2px; height: 2px; padding:0px; margin: 0px; border-style:none;}
.c2-news .onglet { background-image: url(../img/activite/onglet-news.png); background-repeat: no-repeat; background-position:left top; padding:0px; margin-top:26px;  border-style:none;}
.c2-news span { line-height: 38px; padding: 0 0 0 88px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold; margin: 0px; border-style:none;}
.c2-news .trait { padding:15px 0 0 0; margin: 0 0 0 22px;  border-bottom: solid 1px #d9d9d9;}

.c2-publications { padding: 32px 0 0 22px;}
.c2-publications img { margin: 0 8px 8px 0;}


.objet { padding: 0 0 0 22px; margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px;}
.objet-l1 { color: #000000; font-size: 10px; font-weight: bold; padding: 0 8px 0 0;}
.objet-l2 { font-weight: normal; padding: 19px 25px 0 0; }
.objet .titre { color: #00509A; font-weight: bold; padding: 10px 0 0 0; }
.objet .texte { color: #6E6E6E; padding: 8px 0 0 0;}
.objet .lieu { color: #764F0C; font-size: 10px; font-weight: bold; padding: 8px 0 0 0;}

.objet-l1 .date { float : left; color: #000000; font-weight: bold;}
.objet-l1 .lien { float : right; width: 50px; padding: 0 8px 0 0;}
.objet-l1 .lien .fleche { float : left; padding: 2px 2px 0 0;}
.objet-l1 .lien .flecheOver { float : left;  padding: 2px 0 0 2px;}
.objet-l1 .detail { float: left;  font-size: 10px; font-weight: bold; padding: 0 2px 0 4px; margin: 0 0 2px 0; }
.objet-l1 .detail a {color: #00AD42;}
.objet-l1 .detail a:hover {color: #00AD42;}


.objet-gauche {  float : left; width: 144px; padding-left:22px; padding-top:16px; margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; font-weight: normal;}
.objet-gauche img {  width: 144px; }
.objet-gauche .condition { color: #00509A; font-size: 11px; font-weight: bold; padding: 42px 0 0 0;}
.objet-gauche .inscription { color: #00509A; font-size: 11px; padding: 28px 0 0 0;}

.objet-droit {  float : left; width: 312px; padding:32 0 0 16px; margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; font-weight: normal;}
.objet-droit dl dt { padding: 0 32px 0 0; }
.objet-droit .date { font-size: 12px; font-weight: bold;}
.objet-droit .lieu { color: #764F0C; font-size: 10px; font-weight: bold;}
.objet-droit .titre { color: #00509A; font-size: 15px; font-weight: bold; padding: 12px 15px 0 0; }
.objet-droit .texte { color: #6E6E6E; font-size: 12px; padding: 20px 29px 0 0;}
.objet-droit .lien { font-size: 10px; font-weight: bold; padding: 4px 0 3px 0; margin: 32px 0 0 0; border-top: dotted 1px #00AD42; border-bottom: dotted 1px #00AD42;  }
.objet-droit .lien a {color: #00AD42;}
.objet-droit .lien a:hover {color: #00AD42;}
.objet-droit .lien .detail { padding-left: 18px; }
.objet-droit .lien .fleche { float : left; padding: 0 2px 0 0;}
.objet-droit .lien .flecheOver { float : left;  padding: 0 0 0 2px;}

.c2-publication .objet-droit {  float : left; width: 312px; padding:16px 0 0 16px; margin: 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; color:#000000; font-weight: normal;}
.c2-publication .objet-droit dl dt { padding: 0 16px 0 0; }
.c2-publication .objet-droit .titre { color: #00509A; font-size: 15px; font-weight: bold; padding: 0px; }
.c2-publication .objet-droit .texte { color: #000000; font-size: 12px; padding: 16px 29px 0 0;}
.c2-publication .objet-droit .prix { color: #000000; font-size: 18px; font-weight: bold; padding: 16px 29px 0 0;}
.c2-publication .objet-droit .infos { color: #6E6E6E; font-size: 12px; padding: 12px 29px 12px 0; margin: 19px 0 0 0; border-top: solid 1px #a6ddf4; border-bottom: solid 1px #a6ddf4;  }
.c2-publication .objet-droit .lien { margin: 50px 0 0 0; }
.c2-publication .objet-droit .lien { margin: 50px 0 0 0; }

div.N { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 0 0 0 22px;}
div.N .date {  color: #000000;  font-weight: bold; padding-left:29px; }
div.N .titre { clear:both; color: #9F0F02; font-size: 12px; font-weight: bold; padding:0px 25px 0 29px; margin:0px;}
div.N .puce {cursor: pointer; background-image: url(../img/picto/puce-plus.png); background-repeat: no-repeat; background-position:left top;}
div.N .puceOver {cursor: pointer;  background-image: url(../img/picto/puce-plus-over.png); background-repeat: no-repeat; background-position:left top;}
div.N .contentcollapse { display: none;}
div.N .content .texte { color: #6E6E6E; font-size: 12px; padding:8px 25px 0 29px;}
div.N .content .lieu { color: #764F0C; font-weight: bold; padding:4px 25px 0 29px;}

div.NA { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding-left:13px; padding-top:8px; padding-right:60px;}
div.NA .titre { color: #9F0F02; font-size: 11px; font-weight: bold; padding: 0 25px 0 29px; line-height:17px;}
div.NA .puce {cursor: pointer; background-image: url(../img/picto/puce-plus-col3.gif); background-repeat: no-repeat; background-position:left top;}
div.NA .puceOver {cursor: pointer;  background-image: url(../img/picto/puce-plus-col3-over.gif); background-repeat: no-repeat; background-position:left top;}
div.NA .contentcollapse { display: none;}
div.NA .content .texte { color: #6E6E6E; font-size: 11px; padding:2px 25px 0 29px;}

.c3-A { padding: 28px 0 0 6px;}
.c3-A { padding-top:200px !important; height: auto !important;  height: 200px; min-height: 1px;}
.c3-A-in {  margin-top: -200px}
.c3-A .rubrique { clear: both; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 36px 0 1px 0; border-bottom: solid 1px #FFFFFF; }
.c3-A .image { padding : 6px 0 0 0;}
.c3-A dl {padding : 10px 30px 0 3px;}
.c3-A dt { color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
.c3-A .texte { padding : 3px 0 0 3px;}
.c3-A .texte a { color: #00509A; padding : 3px 0 0 0px;}
.c3-A .texte a:hover { color: #FFFFFF; }
.c3-A .octets { font-weight: bold; padding: 1px 0 0 10px;}



/*==========================================================================*/
/*:::::::::::::::::       MENU          ::::::::::::::::::::::::::::::::::: */
/*==========================================================================*/

div.M { margin: 0px; padding: 0px; display:block }
div.M  img { display: inline-block; cursor: pointer; overflow: hidden;}
div.M .expand { display: none;}
div.M .menucollapse { display: none;}
div.M .contentcollapse { display: none;}
div.M .content { background-color: #FFFFFF; padding: 0px;}
div.M .content ul { margin: 0px; padding: 0 0 0 19px;}
div.M .content ul li { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #42250D; padding: 6px 0 4px 0; list-style-position: outside; list-style-type: none; line-height: 130%; border-bottom: solid 1px #e2e1e1; }
div.M .content ul li.liMenuOver {color: #d7d0cb;  background-image: url(../img/menu/fond-over.png); background-repeat: no-repeat; background-position:left bottom; }
div.M .content ul li a { color: #42250D; }
div.M .content ul li a:hover { color: #42250D; }
div.M .endcollapse { display: none;}
div.M .end { width:186px; height: 37px; background-image: url(../img/menu/fond-bottom.png); background-repeat: no-repeat; background-position:left top; }
div.M #m1 { width:186px; background-image: url(../img/menu/membres-expand.png); background-repeat: no-repeat; background-position:left top; padding:40px 0 0 0; }
div.M #m2 { width:186px; background-image: url(../img/menu/activites-expand.png); background-repeat: no-repeat; background-position:left top; padding:40px 0 0 0; }
div.M #m3 { width:186px; background-image: url(../img/menu/orchestres-expand.png); background-repeat: no-repeat; background-position:left top; padding:40px 0 0 0; }



/*==========================================================================*/
/*:::::::::::::::::       COLONNE 1 - bottom          ::::::::::::::::::::: */
/*==========================================================================*/

div.c1-bottom .annuaire { margin: 0px; padding: 33px 0 0 8px; }
div.c1-bottom ul { margin: 0px; padding: 0 0 0 11px; }
div.c1-bottom ul li { font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #42250D;  padding: 0 0 2px 0;list-style-position: outside; list-style-type: none; line-height: 130%; }
div.c1-bottom ul li a { color: #A1958C;}
div.c1-bottom ul li a:hover { color: #42250D;}
div.c1-bottom ul li.liMenuExt1 { border-bottom: solid 1px #c9c9c9; }
div.c1-bottom ul li.liMenuExt2 { padding: 4px 0 0 0;}



/*=========================================================================================*/
/*:::::::::::::::::       ORCHESTRE  & ASSOCIATION          :::::::::::::::::::::::::::::: */
/*=========================================================================================*/

.c2-orchestre .page-text { clear: both;  width:378px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; padding: 22px 0 0 22px; }
.liOrchestre { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; padding: 17px 0 0 22px; }
.liOrchestre select { width: 200px; padding: 0px; margin: 0px}
.liOrchestre .liste { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; padding: 7px 0 0 0px; }
.liOrchestre .liste a { color: #bf2e04; text-decoration: underline;}
.liOrchestre .liste a:hover { color: #bf2e04; text-decoration: none;}

.c2-orchestre .objet-gauche img {  width: 144px; height: 298px; }

.c3-O { padding: 0 0 0 12px;}
.c3-O .rubrique { clear: both; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 36px 0 1px 0; border-bottom: solid 1px #FFFFFF; }
.c3-O .contact { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 4px 10px 23px 0px; border-bottom: solid 1px #FFFFFF;}
.c3-O .contact-gauche { float: left; }
.c3-O .contact-droit { float: left; padding: 3px 0 8px 3px;}
.c3-O .contact-droit a { color: #000000; }
.c3-O .contact-droit a:hover { color: #000000; }

.c3-O dl {padding: 4px 10px 0 0;}
.c3-O .adresse { color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; padding: 0px; }
.c3-O .adresse a { color: #00509A; text-decoration: none;}
.c3-O .adresse a:hover { color: #00509A; text-decoration: underline;}
.c3-O .rub-text { color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 0px; }
.c3-O .rub-item { color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 0px; }
.c3-O .rub-email { color: #524c6a; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 0 0 12px 0; }
.c3-O .rub-email a { color: #524c6a; text-decoration: none; }
.c3-O .rub-email a:hover { color: #524c6a; text-decoration: underline;}


.inactif { color: #808080; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold; }
.inactif01 { color: #CEB904; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal;}
.inactif02 { color: #D5500D; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal;}
.inactif03 { color: #EFC604; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal;}
.inactif04 { color: #822207; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal;}
.inactif05 { color: #BA6608; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; font-style: normal;}
.actif { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; }

.lien-presentation { padding: 20px 50px 30px 22px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.lien-presentation a { color: #00509A; text-decoration: none; }
.lien-presentation a:hover {color: #00509A; text-decoration: underline; }
.lien-titre { padding : 3px 0 0 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.lien-titre dl { padding : 10px 50px 10px 0px; border-top: solid 1px #a6ddf4; border-bottom: solid 1px #a6ddf4;}
.lien-titre a { padding : 3px 0 0 0; color: #000000; text-decoration: underline; }
.lien-titre a:hover { padding : 3px 0 0 0; color: #000000; text-decoration: none; }
.lien-detail { padding : 3px 50px 20px 22px; }

.main-c2-panorama .titre-texte { width: 574px; padding : 10px 0px 20px 22px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.main-c2-panorama .texte-detail { width: 574px; padding : 0px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.main-c2-panorama .lien-detail { padding : 3px 0px 20px 22px;}
.main-c2-panorama .lien-titre { width: 574px; padding : 13px 0px 10px 22px;}
.main-c2-panorama .lien-titre dl { padding : 10px 0px 10px 0px;}

.titre-detail { padding : 5px 0 12px 0; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
.titre-detail a { color: #000000; text-decoration: none;}
.titre-detail a:hover { color: #000000; text-decoration: none;}
.lien-detail dt { font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; }
.lien-detail dt a { color: #00509A; text-decoration: none; }
.lien-detail dt a:hover {color: #00509A; text-decoration: underline; }
.titre-texte { padding : 10px 0 0 22px; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; }



.lien-savoir-plus { padding : 3px 50px 20px 22px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;  }
.lien-savoir-plus a { color: #00509A; text-decoration: none; font-weight: bold;}
.lien-savoir-plus a:hover { color: #00509A; text-decoration: underline;}
.lien-savoir-plus p {margin:0px; padding:0px;}
.lien-titre { padding : 0px 0px 7px 22px;}

.lien-savoir-biblio { padding : 3px 50px 20px 22px; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;  }
.lien-savoir-biblio a { color: #000000; text-decoration: none; font-weight: normal; text-decoration: underline;}
.lien-savoir-biblio a:hover { color: #000000; text-decoration: none;}


.biblio-detail { padding : 3px 50px 20px 22px; }
.biblio-detail dt { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.biblio-titre { padding : 10px 0 0 0; color: #00509A; font-weight: bold;}
.biblio-texte { padding : 1px 0 0 0; color: #000000;  font-weight: normal;}
.biblio-texte a { color: #000000;  text-decoration: underline; }
.biblio-texte a:hover { color: #000000;  text-decoration: none; }


.ass-titre { padding : 23px 30px 5px 22px; color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold;}
.ass-texte { padding : 3px 30px 0 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.ass-texte-titre { padding : 3px 0 0 0; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
.ass-texte a { color: #000000; text-decoration: underline;  }
.ass-texte a:hover { color: #000000; text-decoration: none;  }

.c2-orchestres { padding: 0 0 0 22px;}
.c2-orchestres dl { padding: 32px 0 0 0;}
.c2-orchestres .titre { padding : 13px 0px 3px 0px; color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold;}
.c2-orchestres .titre a { color: #00509A; text-decoration: none; }
.c2-orchestres .titre a:hover { color: #00509A; text-decoration: underline; }
.c2-orchestres .adresse { padding : 0px 0px 0px 0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal;}
.c2-orchestres .email a { color: #524c6a; text-decoration: none; }
.c2-orchestres .email a:hover { color: #524c6a; text-decoration: underline; }
.c2-orchestres .titre-type { padding : 0px 0px 10px 0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold;}
.c2-orchestres .titre-ancre { padding : 0px 0px 0px 0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal;}
.c2-orchestres .titre-ancre a { color: #000000; text-decoration: underline;}
.c2-orchestres .titre-ancre a:hover { color: #000000; text-decoration: none;}
.c2-orchestres .region01 { padding: 32px 0 3px 0; color: #CEB904; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; border-bottom: solid 1px #CEB904;}
.c2-orchestres .region01 a { color: #CEB904; text-decoration: none;}
.c2-orchestres .region01 a:hover { color: #CEB904; text-decoration: none;}
.c2-orchestres .region02 { padding: 32px 0 3px 0; color: #D5500D; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; border-bottom: solid 1px #D5500D;}
.c2-orchestres .region02 a { color: #D5500D; text-decoration: none;}
.c2-orchestres .region02 a:hover { color: #D5500D; text-decoration: none;}
.c2-orchestres .region03 { padding: 32px 0 3px 0; color: #EFC604; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; border-bottom: solid 1px #EFC604;}
.c2-orchestres .region03 a { color: #EFC604; text-decoration: none;}
.c2-orchestres .region03 a:hover { color: #EFC604; text-decoration: none;}
.c2-orchestres .region04 { padding: 32px 0 3px 0; color: #822207; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; border-bottom: solid 1px #822207;}
.c2-orchestres .region04 a { color: #822207; text-decoration: none;}
.c2-orchestres .region04 a:hover { color: #822207; text-decoration: none;}
.c2-orchestres .region05 { padding: 32px 0 3px 0; color: #BA6608; font-family: Arial, Verdana, sans-serif; font-size: 14px; font-weight: normal; font-style: normal; border-bottom: solid 1px #BA6608;}
.c2-orchestres .region05 a { color: #BA6608; text-decoration: none;}
.c2-orchestres .region05 a:hover { color: #BA6608; text-decoration: none;}


.li-titre { padding : 43px 30px 12px 22px; color: #00509A; font-family: Arial, Verdana, sans-serif; font-size: 15px; font-weight: bold;}
.ass-li { padding : 9px 25px 3px 22px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold;}
.ass-li .bureau { padding : 0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.ass-li dt { padding : 2px 0 0 0px; }
.ass-li ul { padding : 2px 0 0 20px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; list-style-position: outside; list-style-type: decimal;}
.ass-li .ca { padding : 0 0 0 2px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; list-style-position: outside; list-style-type: decimal;}



/*==========================================================================*/
/*:::::::::::::::::       Annexes ORCHESTRES           :::::::::::::::::::: */
/*==========================================================================*/

.c2-chiffre .choix {width:200px;}

.c2-chiffre .titre { color: #00509A; font-size: 12px; font-weight: bold; padding: 22px 0 0 52px; }
.c2-chiffre .chiffres { padding: 22px 0 0 22px; }
.c2-chiffre .texte { color: #8f8f8f; font-size: 9px; font-weight: normal; padding: 12px 30px 30px 22px; }

.c2-panorama .titre { color: #00509A; font-size: 12px; font-weight: bold; padding: 22px 0 0 22px; }



/*==========================================================================*/
/*:::::::::::::::::       BIBLIOTHEQUE          ::::::::::::::::::::::::::: */
/*==========================================================================*/

.c2-recherche { width : 207px; padding: 30px 0 36px 22px; margin:0px;}
.c2-recherche .recherche-gauche { float: left; line-height: 22px; padding: 1px 3px 0 0;}
.c2-recherche .recherche-gauche input { padding: 1px 0 1px 1px; color: #6E6E6E; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
.c2-recherche .recherche-droit { float: left; padding:0px; margin:0px;}

.c2-bibliotheque { clear: both; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 55px 8px 0 0; }

div.D { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 0px 0 0 22px;}
div.D .numero { font-weight: bold; padding: 13px 0 0 7px;}
div.D .numero .documents { background:none; border-style:none; font-size: 10px; font-weight: normal; padding:0px; margin :0px}

div.D .titre { color: #00509A; font-size: 12px; font-weight: bold; padding: 0 0 0 7px; line-height:15px;}
div.D .contentcollapse { display: none;}
div.D .content .texte { color: #6E6E6E; font-size: 11px; padding:2px 0 0 29px;}

div.D .do-haut-gauche { height: 52px; cursor: pointer; background-repeat: no-repeat; background-position:left top;}
div.D .do-haut-over { cursor: pointer;  background-repeat: no-repeat; background-position:left top;}
div.D .do-haut-middle { height: 52px; cursor: pointer;}
div.D .do-haut-middle-in { margin:0 16px 0 34px !important; margin:0 0 0 34px ; height: 52px; background-repeat: repeat-x; background-position:left top;}
div.D .do-haut-droit { float: right; height: 52px; width:16px; cursor: pointer; background-image: url(../img/bibliotheque/dossier-ferme-c.png); background-repeat: no-repeat; background-position:left top;}
div.D .collapse .do-haut-gauche { background-image: url(../img/bibliotheque/dossier-ferme-a.png);}
div.D .collapse .do-haut-over {cursor: pointer;  background-image: url(../img/bibliotheque/puce-plus-over.png);}
div.D .collapse .do-haut-middle-in { background-image: url(../img/bibliotheque/dossier-ferme-b.png); }
div.D .collapse .do-haut-droit { width:16px; background-image: url(../img/bibliotheque/dossier-ferme-c.png); }
div.D .expand .do-haut-gauche { background-image: url(../img/bibliotheque/dossier-ouvert-a.png);}
div.D .expand .do-haut-middle-in { background-image: url(../img/bibliotheque/dossier-ouvert-b.png);}
div.D .expand .do-haut-droit { width:16px; background-image: url(../img/bibliotheque/dossier-ouvert-c.png);}

div.D .do-inf { margin:0 2px 0 14px; }
div.D .do-inf-in { padding :2px 0 0 0;}

div.D .do-middle { margin: 0 2px 0 0; }
div.D .do-middle-gauche { background-image: url(../img/bibliotheque/dossier-middle-a.png); background-repeat: repeat-y; background-position:left top;}
div.D .do-middle-gauche-fic { background-image: url(../img/bibliotheque/dossier-middle-a-fic.png); background-repeat: repeat-y; background-position:left top;}
div.D .do-middle-droit { float: right; height: 100%; background-color:#000000; background-image: url(../img/bibliotheque/dossier-middle-c.png); background-repeat: repeat-y; background-position:left top;}

div.D .do-bas-gauche { height: 14px; background-image: url(../img/bibliotheque/dossier-bas-a.png); background-repeat: no-repeat; background-position:left top;}
div.D .do-bas-gauche-fic { height: 14px; background-image: url(../img/bibliotheque/dossier-bas-a-fic.png); background-repeat: no-repeat; background-position:left top;}
div.D .do-bas-middle { height: 14px;}
div.D .do-bas-middle-in { margin:0 16px 0 34px !important; margin:0 0 0 34px ; height: 14px; background-image: url(../img/bibliotheque/dossier-bas-b.png); background-repeat: repeat-x; background-position:left top;}
div.D .do-bas-droit { float: right; height: 14px; width:16px; background-image: url(../img/bibliotheque/dossier-bas-c.png); background-repeat: no-repeat; background-position:left top;}

div.D .fichier-gauche-accueil { background: transparent; width:80%; color: #000000; padding: 5px 0px 0 50px;}
div.D .fichier-gauche { background: transparent; width:50%; color: #000000; padding: 5px 0px 0 0px;}
div.D ul {list-style-position:ouside; list-style-image:url(../img/picto/puce-fichier.gif);  padding: 0px;}
div.D .fichier {color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 0px;}
div.D .fichier a { color: #000000; padding: 0 8 0 0px;}
div.D .fichier a:hover { color: #000000; padding: 0 0 0 8px; }

div.D .fichier-droit { padding: 0px;  }


.c2-resultat { clear: both; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; padding: 10px 20px 0 22px; }
.c2-resultat .titre { color: #00509A; padding: 0px 5px 0 0px; font-weight: bold;}
.c2-resultat .titre-recherche { color: #6E6E6E; padding: 0px 5px 0 0px; font-weight: normal;}
.c2-resultat .fichier-gauche { float:left; width: 260px; color: #000000; padding: 18px 0px 0 0px;}
.c2-resultat .fichier-gauche dl { padding: 0px;}
.c2-resultat .fichier-gauche .fichier { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; }
.c2-resultat .fichier-gauche .fichier a { color: #000000;}
.c2-resultat .fichier-gauche .fichier a:hover { color: #000000; padding: 0px 5px 0 8px; }

.c2-resultat .fichier-droit { float:left; width: 180px; color: #000000; padding: 10px 0 0 10px;}

div.R { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 0px;}
div.R .contentcollapse { display: none; padding : 0px;}
div.R .content { padding : 5px 0 0 0;}
div.R .fichier-in {color: #00509A; background-color: #fef9c7; padding : 3px 7px 27px 5px; }
div.R h2{ color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold; padding: 0px; margin: 0px; }
div.R h2 a { color: #000000; padding: 0 8px 0 0px;}
div.R h2 a:hover { color: #000000; padding: 0 0 0 8px; }



/*==========================================================================*/
/*:::::::::::::::::       ANNUAIRE          ::::::::::::::::::::::::::: */
/*==========================================================================*/

.main-annuaire { width: 100%; height: 100%; background-image: url(../img/annuaire/fond-a.gif); background-repeat: repeat-x; background-position:left top; padding:0px; margin: 0px; border-style:none;}
.main-annuaire form { margin: 0px; padding: 0px; height: 0px; }

.l1-annuaire { width: 98%;  padding: 0 0 0 20px; margin: 0px;}
.l1-annuaire .titre { padding: 0px; margin : 0px; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;  padding: 15px 0 0 0;}
.l1-annuaire .titre-gauche { float: left; padding: 0px; margin: 0px;}
.l1-annuaire .titre-droit { float: left; padding: 8px 0 0 3px; margin : 0px; }
.l1-annuaire .titre-impression { float: left; padding: 9px 0 0 170px; margin: 0px;}
.l1-annuaire .titre-impression input { margin: 0px; padding: 0px}


.l1-annuaire .trait { clear : both; width: 358px; line-height: 0px; height: 0px; padding: 8px 0 0 0px; margin: 0px; border-bottom: dotted 1px #FFFFFF;}

.l2-annuaire { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; }
.l2-annuaire { padding: 20px 20px 0 20px; height: 385px; }
.l2-annuaire select { width: 250px; margin: 0 0 28px 0; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
.l2-annuaire select .text-default { color: #6E6E6E;}
#rechercheAnnuaire { overflow : scroll;}
#selectionAnnuaire { height: 257px;}

.l2-annuaire .titre-droit { padding: 0 0 10px 13px; margin :0px; color: #FFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; line-height: 12px; height: 12px; }
.l2-annuaire .texte a { color: #FFFFFF; text-decoration: underline; }
.l2-annuaire .texte a:hover { color: #FFFFFF; text-decoration: none; }
.l2-annuaire .orchestre { color: #51cae8; font-size: 16px; font-weight: bold; }
.l2-annuaire .nom { color: #51cae8; font-size: 12px; font-weight: bold; }
.l2-annuaire .role { color: #51cae8; font-size: 12px; font-weight: normal; }
.l2-annuaire .orchestreUniq { color: #FFFFFF; font-size: 14px; font-weight: bold; }
.l2-annuaire .nomUniq { color: #51cae8; font-size: 14px; font-weight: bold; }
.l2-annuaire .roleUniq { color: #51cae8; font-size: 14px; font-weight: normal; }

.l2-annuaire .search-unique { padding: 0 0 0 13px; }
.l2-annuaire .search-O .orchestre { padding: 0 0 0 13px; }
.l2-annuaire .search-O .texte { padding: 0 0 0 32px; }

.l2-annuaire .espace { padding: 25px 0 0 0 ;}
.l2-annuaire .trait { padding: 0px; margin: 0 0 0 32px; border-bottom: dotted 1px #a2a2a2; line-height: 5px; height: 5px; }
.l2-annuaire .trait2 { padding: 0px; margin: 0 0 0 32px; border-bottom: dotted 1px #426770; line-height: 5px; height: 5px; }

.l2-annuaire .search-M .nom { padding: 5px 0 0 13px; color: #51cae8; font-size: 12px; font-weight: bold; }
.l2-annuaire .search-M .role { padding: 0 0 0 32px; color: #51cae8; font-size: 12px; font-weight: normal; }
.l2-annuaire .search-M .texte { padding: 0 0 0 32px; }

.l2-annuaire .search-M { width: 358px; color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; padding: 0px; margin: 0px; border-style:none;}

.l4-annuaire { clear : both; position: absolute; left: 20px; top : 510px; padding: 0px; margin: 0px;}
.l4-annuaire .btRecherche  { width: 133px; height: 33px; padding: 0px 0 0 230px; margin: 0px;}

.l3-annuaire { clear : both; position: absolute; left: 20px; top : 500px; padding: 0px; margin: 0px;}
.l3-annuaire .btRecherche  { position: absolute; left: 240px; top : 0px; padding: 0px; margin: 0px;}
.l3-annuaire .btRetour  { position: absolute; left: 0px; top : 15px; padding: 0px; margin: 0px;}
.l3-annuaire .btEnvoi  { position: absolute; left: 240px; top : 15px; padding: 0px; margin: 0px;}

.l3-annuaire .btMultiple  { position: absolute; left: 0px; top : 0px; padding: 0px; margin: 0px;}
.l3-annuaire .textbtMultiple { padding: 0px 0 0 130px; margin : 0px; width: 350px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold;}
.l3-annuaire .btMultiple-in  {position: absolute; left: 130px; top : 16px; padding: 0px; margin: 0px;}
.l3-annuaire .btMultiple-in img  { padding: 0 15px 0 13px; margin : 0px !important; margin: 0 15px 0 13px;}


.l2-connexion { padding:3px 0 33px 13px; width: 400px;}
.l2-connexion .connexion { height: 107px; background-image: url(../img/annuaire/fond-c.gif); background-repeat: no-repeat; background-position:left top; padding:0px; margin: 0px; border-style:none;}
.l2-connexion .connexion-titre { color: #e93d48; padding:19px 0 0 38px; font-size: 10px; font-weight: bold; }
.l2-connexion .connexion-text { color: #000000;  padding:5px 40px 0 23px; font-size: 10px; font-weight: bold; }
.l2-connexion .connexion-saisie {  float : left;  padding:13px 0 0 98px;  border-style:none;}
.l2-connexion .connexion-saisie input { margin:0 2px 0 0px;  padding:0 1px 0 1px; color: #000000; font-size: 10px; font-weight: bold;}
.l2-connexion .btGo { float : left; padding:10px 0 0 4px; margin: 0px; border-style:none;}



/*==========================================================================*/
/*:::::::::::::::::       MDP                 ::::::::::::::::::::::::::: */
/*==========================================================================*/

.mdp { padding:39px 10px 0 0px; margin: 0px; }
.mdp .mdp-titre { color: #e93d48; padding:0px 0 0 23px; font-size: 10px; font-weight: normal; text-decoration: underline;}
.mdp .mdp-text { color: #FFFFFF;  padding:5px 40px 0 23px; font-size: 11px; font-weight: normal; }
.mdp .mdp-saisie {  float : left;  padding:13px 0 0 23px;  border-style:none;}
.mdp .mdp-saisie input { margin:0 2px 0 0px;  padding:0 1px 0 1px; color: #000000; font-size: 10px; font-weight: bold;}

.error { padding:3px 0 33px 33px; color: #e93d48; font-size: 10px; font-weight: bold;}



/*==========================================================================*/
/*:::::::::::::::::       MAIL                  ::::::::::::::::::::::::::: */
/*==========================================================================*/

.main-mail { width: 400px; height: 558px; background-image: url(../img/annuaire/fond-a.gif); background-repeat: repeat-x; background-position:left top; padding:0px; margin: 0px; border-style:none;}

.l1-mail {padding: 13px 20px 10px 20px; font-family: Arial, Verdana, sans-serif; font-weight: normal; }
.l1-mail .titre { color: #FFFFFF; font-size: 14px; padding: 15px 0 0 0; font-weight: bold;}
.l1-mail .rubrique { color: #000000; font-size: 11px; padding: 2px 0 0 0;}
.l1-mail .trait { width: 358px; padding: 8px 0 0 0; margin: 0px ; border-bottom: dotted 1px #FFFFFF;}

.l2-mail { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; }
.l2-mail { padding: 0 0 0 20px; height: 400px; }
.l2-mail .texte { padding: 0 0 2px 0; }
.l2-mail .input-texte { padding: 0 0 27px 0; }
.l2-mail .input-text { padding: 1px 0 1px 1px; color: #6E6E6E; font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; }

.l2-mail .controle {padding: 0 20px 10px 0px}
.l2-mail .controle-text { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold;  }
.l2-mail .controle-parenthese { color: #51cae8; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 0 0 3px 0;}
.l2-mail .controle-gauche { float: left; }
.l2-mail .controle-droit { float: left; padding: 4px 0 0 7px;}

.l3-mail { clear : both; width: 400px; height: 410px; padding: 0 0 0 20px; margin: 0px;}
.l3-mail .btRetour  { float : left; width: 105px; height: 33px; padding: 9px 0 0 0px;}
.l3-mail .btEnvoi  { float : right; width: 118px; height: 33px; padding: 9px 42px 0 0px;}



/*==========================================================================*/
/*:::::::::::::::::       RECRUTEMENT          ::::::::::::::::::::::::::: */
/*==========================================================================*/

.c2-recrutement .lastdate { clear: both;  color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 16px 0 0 22px; }
.c2-recrutement .lastdate span { font-weight: bold; }

.lastdate {  margin: 0 0 22px 0;}
.c2-annonce .recrut-A  {  padding: 0 20px 0 22px;}
.c2-annonce dl {  padding: 23px 0 0 0;}
.c2-annonce .orchestre { font-size: 15px; font-weight: bold; padding: 0px;}
.c2-annonce .orchestre a { color: #000000; }
.c2-annonce .orchestre a:hover { color: #b2b2b2;}
.c2-annonce .dat-poste {  color: #764f0c; font-size: 12px; font-weight: bold;}
.c2-annonce .dat-poste-text {  color: #764f0c; font-size: 12px; font-weight: normal;}
.c2-annonce .poste {  color: #00509a; font-size: 12px; font-weight: bold; padding: 0 0 19px 0;}
.c2-annonce .annonce {  font-size: 12px; font-weight: normal;}
.c2-annonce .texte {  font-size: 10px; font-weight: bold;}

.c2-annonce .trait {  padding: 12px 0 0 0; border-bottom: solid 1px #a6ddf4;}

.c3-R { padding: 0 0 0 12px;}
.c3-R .rubrique { clear: both; padding: 0 0 1px 0; border-bottom: solid 1px #FFFFFF; }
.c3-R .lien { font-family: Arial, Verdana, sans-serif; font-size: 11px; font-weight: normal; padding: 4px 0 23px 0px;}
.c3-R .lien-gauche { float: left; }
.c3-R .lien-droit { float: left; padding: 3px 0 8px 3px;}
.c3-R .lien-droit a { color: #000000; }
.c3-R .lien-droit a:hover { color: #FFFFFF; }



/*==========================================================================*/
/*:::::::::::::::::       ANNONCE               ::::::::::::::::::::::::::: */
/*==========================================================================*/
.pageannonce {background-color: #323232; background-image:none; }

.main-annonce { width: auto; height: 841px; background-color:#4a494a; background-image: url(../img/annonce/fond.png); background-repeat: repeat-x; background-position:left top; padding:0px; margin: 0px; border-style:none;}
.main-annonce-subscription { width: 100%; height: 98%;  background-image: url(../img/annonce/fond.png); background-repeat: repeat-x; background-position:left top; padding:0px; margin: 0px; border-style:none;}

.l1-annonce { width: 98%; padding: 0 20px 0 20px}
.l1-annonce .titre { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;  padding: 15px 0 0 0;}
.l1-annonce .titre-gauche { float: left; }
.l1-annonce .titre-droit { float: left; padding: 8px 0 0 3px;}


.l1-annonce .trait { clear : both; width: 98%; padding: 8px 0 0 0; margin: 0px ; border-bottom: dotted 1px #FFFFFF;}

.l2-annonce { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; }
.l2-annonce { padding: 0 20px 0 20px; }
.l2-annonce select { width: 250px; margin: 0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px;}
.l2-annonce select .text-default { color: #6E6E6E;}
.l2-annonce .texte { clear : both; padding : 29px 0 0 0; }
.l2-annonce .texte .input { padding : 0 0 0 0; }
.l2-annonce .texte .input-text { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 11px; }
.l2-annonce .texte-gauche { float: left;}
.l2-annonce .texte-droit { float: right; padding : 0 0px 0 0;}
.l2-annonce .texte-droit2 { float: right; padding : 0 46px 0 0;}
.l2-annonce .texte2 { clear : both; padding : 27px 0 0 0; }
.l2-annonce .texte2 .input { padding : 2px 0 0 0; }
.l2-annonce .texte3 .input { padding : 2px 0 0 0; }


.main-annonce .contact { width: 400px; height: 155px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; background-image: url(../img/annonce/fond-contact.png); background-repeat: no-repeat; background-position:left top; padding:0px; margin: 0px; border-style:none;}
.main-annonce .contact .texte1 { color: #e93d48; padding : 15px 0 2px 36px; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold;}
.main-annonce .contact .texte1 .input { padding : 5px 0 0 0; }
.main-annonce .contact .texte2 { color: #3f3b33; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding : 0px 0 0 36px;}
.main-annonce .contact .texte2 .input { padding : 1px 0 0 0; }
.main-annonce .contact .texte3 { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding : 0px 0 10px 36px;}

.l3-annonce { clear : both; padding: 17px 0 0 20px; margin: 0px;}
.l3-annonce .btPublier  { width: 168px; height: 33px; padding: 0 0 0 193px; margin: 0px;}

.main-annonce-validation { width: 400px; height: 1050px; background-color: #272726; padding:0px; margin: 0px; border-style:none;}
.l2-annonce .texte5 .input {color: #6E6E6E; padding : 0px; }
.l2-annonce .texte4 {padding : 7px 0 0 0; }

.l2-annonce .saisie-gauche { float: left; padding : 0 20px 0 0;}
.l2-annonce .saisie-gauche input { margin: 1px 7px 0 0;}
.l2-annonce .saisie-gauche .saisie-titre { height:20px; margin: 6px 0 0 0;}

.l2-annonce .saisie-abonnement { float: left; padding: 10px 0 0 0;}
.l2-annonce .saisie-abonnement input { margin: 1px 7px 0 0;}
.l2-annonce .saisie-abonnement-nolog { float: left; padding: 20px 0 0 0;}

.l2-annonce .saisie-infos { width:358px; }
.l2-annonce .saisie-infos input { float:left; margin: 0 7px 0 0;}
.l2-annonce .saisie-infos select { float:left; width: 100px}
.l2-annonce .saisie-infos label { float:left; display:block; width: 110px}
.l2-annonce .saisie-infos .saisie-input { padding:4px 0 0 0px;}
.l2-annonce .saisie-infos { clear: both; border-bottom: dotted 1px #6E6E6E; padding : 10px 0 15px 0; }

.l2-annonce .saisie-droit { float: left; width:150px; }
.l2-annonce .saisie-droit input { float:left; margin: 0 7px 0 0;}
.l2-annonce .saisie-droit select { float:left; width: 100px}
.l2-annonce .saisie-droit .saisie-input { padding:4px 0 0 0px;}

.l3-annonce .btValider { float:right ; padding: 0 40px 30px 0px; margin: 0px;}
.l3-annonce .btSupprimer  { float : left ; padding: 0 0 0 190px; margin: 0px;}

.l3-annonce-subscription { clear : both; padding: 20px 0 0 20px; margin: 0px;}
.l3-annonce-subscription .btAbonner { float : right ; padding: 0 40px 0 0px; margin: 0px;}



/*==========================================================================*/
/*:::::::::::::::::       PROFIL                ::::::::::::::::::::::::::: */
/*==========================================================================*/

.c2-profil-intro { padding: 40px 40px 36px 22px; margin:0px; color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal;}
.c2-profil-intro .nom { font-size: 15px; font-weight: bold;}
.c2-profil-intro .texte { padding: 16px 0 0 0;}

.c2-profil { padding: 30px 0 15px 22px; margin:0px;}

div.P { color: #000000; font-family: Arial, Verdana, sans-serif; font-size: 10px; font-weight: normal; padding: 8px 0 0 0; }
div.P .titre { color: #000000; font-size: 11px; font-weight: bold; padding: 0 25px 0 35px; line-height:28px;}
div.P .puce-a {cursor: pointer; background-image: url(../img/picto/mdp.jpg); background-repeat: no-repeat; background-position:left top;}
div.P .puce-a-over {cursor: pointer;  background-image: url(../img/picto/mdp-over.jpg); background-repeat: no-repeat; background-position:left top;}
div.P .puce-b {cursor: pointer; background-image: url(../img/picto/coordonnees.jpg); background-repeat: no-repeat; background-position:left top;}
div.P .puce-b-over {cursor: pointer;  background-image: url(../img/picto/coordonnees-over.jpg); background-repeat: no-repeat; background-position:left top;}
div.P .puce-c {cursor: pointer; background-image: url(../img/picto/rss-col2.gif); background-repeat: no-repeat; background-position:left top;}
div.P .puce-c-over {cursor: pointer;  background-image: url(../img/picto/rss-col2-over.gif); background-repeat: no-repeat; background-position:left top;}
div.P .contentcollapse { display: none;}
div.P .content { color: #6E6E6E; font-size: 11px; padding:0px 25px 0 12px;}
div.P .content .objet { clear : both; }
div.P .content .trait { border-bottom: dotted 1px #6E6E6E; padding-top:5px;}
div.P .content .profil-droit-a { float : right; padding: 5px 150px 0 0;}
div.P .content .profil-droit-b { float : right; padding: 5px 120px 0 0;}
div.P .content .profil-droit-c { float : right; padding: 5px 120px 0 0;}
div.P .content .profil-gauche { float : left;}
div.P .content .texte { color: #000000; font-size: 11px; line-height: 11px}
div.P .content .oblig { color: #6E6E6E; font-size: 11px; line-height: 11px}
div.P .content input { color: #6E6E6E; font-size: 11px; padding:1px 1px 1px 1px; }
div.P .content .submit { cursor: pointer; }



/*==========================================================================*/
/*:::::::::::::::::       PLAN DU SITE          ::::::::::::::::::::::::::: */
/*==========================================================================*/

.main-annexe { width: 100%; height: 100%; background-image: url(../img/annuaire/fond-a.gif); background-repeat: repeat-x; background-position:left top; padding:0px; margin: 0px; border-style:none;}

.l1-annexe { width: 98%; padding: 13px 20px 0 20px; font-family: Arial, Verdana, sans-serif; font-weight: normal; }
.l1-annexe .titre { color: #FFFFFF; font-size: 14px; padding: 15px 0 0 0; font-weight: bold;}
.l1-annexe .rubrique { color: #000000; font-size: 11px; padding: 2px 0 0 0;}
.l1-annexe .trait { width: 358px; padding: 8px 0 0 0; margin: 0px ; border-bottom: dotted 1px #FFFFFF;}

.l2-annexe { color: #FFFFFF; font-family: Arial, Verdana, sans-serif; font-size: 12px; font-weight: normal; }
.l2-annexe { padding: 0 0 0 20px; height: 469px; }
.l2-annexe .titre { color: #51cae8; font-size: 14px; padding: 15px 0 0 0; font-weight: bold;}
.l2-annexe .titre a { color: #51cae8; }
.l2-annexe .titre a:hover { color: #51cae8; text-decoration: underline;}
.l2-annexe .texte { padding: 0 10px 2px 0; font-size: 12px; font-weight: normal;}
.l2-annexe .texte a { color: #FFFFFF;}
.l2-annexe .texte a:hover { color: #FFFFFF; text-decoration: underline; }
.l2-annexe .texte .lien a { color: #FFFFFF; text-decoration: underline;}
.l2-annexe .texte .lien a:hover { color: #FFFFFF; text-decoration: none;}

.l2-annexe .titre2 { color: #FFFFFF; font-size: 12px; padding: 20px 0 7px 0; font-weight: bold;}
.l2-annexe .titre3 { color: #FFFFFF; font-size: 10px; padding: 20px 0 5px 0; font-weight: bold;}
.l2-annexe .texte3 { padding: 0 10px 2px 0; font-size: 10px; font-weight: normal;}
.l2-annexe .texte3 a { color: #FFFFFF; text-decoration: none; }
.l2-annexe .texte3 a:hover { color: #FFFFFF; text-decoration: underline; }

#plansite { overflow : scroll; }