@charset "UTF-8";
/* CSS Document */
/*Last edited 24 September, 2008 */

/* CSS General Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

strong {font-weight:bold}
em {font-style:italic}

/* define individual focus styles elsewhere */
:focus {outline: 0;}
ol, ul {list-style: none; font-size: 12px;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

@font-face
{
  font-family: Univers;
  src: url("/portail/themes/fonts/UNIVERS0.eot");
  src: local("Univers"), 
         url("/portail/themes/fonts/LTe50146.ttf") format("truetype");
}

html, body
{
    height: 100%;
    padding: 0;
    margin: 0;
}

body
{
    font:0.75em Tahoma;
    color:#4e4e4e;
    background:none;
}

img {border:none;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.pdf
{
    vertical-align:middle;
    padding: 0 7px;
}

p
{
    margin:10px 0;
    font-size:1em;
}

h1
{
    font-family:Univers, Tahoma, Arial;
    font-size:1.583em;
    color:#acbf2e;
}

h2
{
    font-size:1.5em;
    color:#41413d;
    margin:10px 0 8px 0;
}

h3
{
    font-family:Univers, Tahoma, Arial;
    font-size:2.167em;
}

h5
{
    color:#727272;
    font-size:1.5em;
    margin:10px 0;
}
    
h6
{
    font-size:1.167em;
    color:#95a819;
    font-weight:bold;
    margin:15px 0 5px 0;
}

h6 b
{
    font-size:1em;
    color:#4e4e4e;
    font-weight:normal;
    margin:0;
}

hr
{
  border:0;
  height:1px;
  color:#e9e9e9;
  background-color:#e9e9e9;
}

.filtreSeparateur
{
  border:0;
  margin-top:7px;
  height:1px;
  color:#bfbfbf;
  background-color:#bfbfbf;
}


a:link {color: #0571df; text-decoration: none;}
a.silentLink:link {color: #96969b; font-size:0.917em; text-decoration: none;}
.navigationEnvoyerAmi:link {color: #727272; text-decoration: none;}
.notSelected, .notSelected:hover{text-decoration:none;}

.couleurTitreVisiteur h3{color:#ec008c;}
.couleurTitreCongres h3{color:#0076be;}
.couleurTitreSportif h3{color:#db002f;}
.couleurTitreMedia h3{color:#ec008c;}
.couleurTitreVoyage h3{color:#ec008c;}

.couleurTitreVisiteur .ongletsEvenementsSpectacles .date {color:#ec008c;}
.couleurTitreCongres .ongletsEvenementsSpectacles .date {color:#0076be;}
.couleurTitreSportif .ongletsEvenementsSpectacles .date {color:#db002f;}
.couleurTitreMedia .ongletsEvenementsSpectacles .date {color:#ec008c;}
.couleurTitreVoyage .ongletsEvenementsSpectacles .date {color:#ec008c;}

.couleurTitreVisiteur #nav li a.activeSlide {background-image:url(/portail/images/visiteurs/bt_activeVisiteurs.png);}
.couleurTitreCongres #nav li a.activeSlide {background-image:url(/portail/images/visiteurs/bt_activeCongres.png);}
.couleurTitreSportif #nav li a.activeSlide {background-image:url(/portail/images/visiteurs/bt_activeSportif.png);}
.couleurTitreMedia #nav li a.activeSlide {background-image:url(/portail/images/visiteurs/bt_activeVisiteurs.png);}
.couleurTitreVoyage #nav li a.activeSlide {background-image:url(/portail/images/visiteurs/bt_activeVisiteurs.png);}
    
/* ------------------ MASTERPAGE.MASTER ------------------ */
.pageCompleteMaster
{
    margin:0;
    padding:0;
    margin:auto;
    min-height:100%;
    position:relative;
}

.corpsMaster
{
    width:966px;
    margin:0 auto;
}

.fondCorpsMaster
{
    width: 966px;
    background:none;
    border:none;
    position:relative;
    left:12px;
}

.basContenu
{
    display:none;
}

.corpsMaster .marginCorpsMaster
{
    width:900px;
    margin-left:0px;
}

.marginCorpsMaster .filAriane
{
    float:left;
    width:968px;
    font-size:0.917em;
    color:#727272;
    margin:10px 0 20px 0;
}

.marginCorpsMaster .filAriane a
{
    color:#727272;
}

.filAriane .imgFilAriane
{
    padding:2px 3px 2px 3px;
}

.marginCorpsMaster .meteoEnvoyerAmi
{
    display:none;
}

.contenu
{
    width:968px;
    float:left;
}

.boiteRecherche
{
    display:none;
}

/* ------------------ MENU EN-TETE ------------------ */
.pageCompleteMaster .menuEntete
{
    display:none;
}

.menuHorizontal
{
    display:none;
}    
 
/* ------------------ MENU EN-TETE SECTION ------------------ */
.pageMasterContenu .menuEnteteSection
{
    display:none;
}


/* ------------------ PIED DE PAGE ------------------ */
.pageCompleteMaster .espaceMinimumFooter
{
    display:none;
}

.pageCompleteMaster .basPageMaster
{
    display:none;
}


/* ------------------ ACCUEIL DE MICROSITE ------------------ */
.colonneGaucheIndex
{
    width:280px;
    float:left;
    margin-top:15px;
}

.colonneGaucheIndex .liens
{
    margin-left:5px;
}

.colonneGaucheIndex .pourquoiSherbrooke
{
    background:url(/portail/images/congres-et-Reunions/fond_pourquoiSherbrooke.gif) no-repeat center top;
    width:280px;
    height:109px;
    margin-top:20px;
}

.colonneGaucheIndex .pourquoiSherbrooke img
{
    padding:6px 0 0 40px;
    width:202px;
    height:66px;
    display:none;
}

.colonneGaucheIndex .zoneVideo
{
    background:url(/portail/images/visiteurs/fond_zoneVideo.gif) no-repeat center top;
    height:287px;
    width:277px;
    padding-bottom:40px;
    margin-left:5px;
}

.zoneVideo .marginZoneVideo, .evenementsSpectacles .marginEvenementsSpectacles
{
    width:242px;
    margin:0 auto;
    padding-top:20px;
}

.evenementsSpectacles .marginEvenementsSpectacles
{
    padding-top:15px;
    padding-left:17px;
}

.marginZoneVideo .bordureVideo
{
    border:none;
}

.marginEvenementsSpectacles .bordureVideo
{
    margin-bottom:0px;
    border:1px solid #848484;
}

.marginZoneVideo .titre
{
    float:left;
    width:200px;
    font-weight:bold;
    color:#5b5b5b;
    font-size:1.083em;
    margin-bottom:2px;
}

.marginZoneVideo .duree
{
    float:right;
    width:40px;
    text-align:right;
    font-weight:bold;
    color:#5b5b5b;
    font-size:1.083em;
}

.marginZoneVideo .description
{
    font-size:0.917em;
    color:Black;
}

.marginZoneVideo .liens
{
    display:none;
}

.liens ul
{
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
}

.liens li
{
    background:url(/portail/images/puce_liens.gif) no-repeat left 5px;
    padding-left:8px;
    font-size:0.917em;
}

.liens li a
{
    color:#0571df;
}

.marginZoneVideo .liensYoutube   
{
    float:right;
    padding-top:8px;
} 

.evenementsSpectacles, .evenementsSpectacles .ongletSpectacles
{
    margin-left:5px;
}

.evenementsSpectacles .ongletsEvenementsSpectacles
{
    background:url(/portail/images/evenementSpectacles/fond.gif) no-repeat center top;
    width:275px;
    height:317px;
    font-size:0.917em;
    top:-1px;
    position:relative;
    z-index:0;
}

.evenementsSpectacles .ongletSpectacles, .evenementsSpectacles .ongletEvenements
{
    border:0;
    float:left;
    height:29px;
    position:relative;
    z-index:5;
    cursor:pointer;
}

.onglets .ongletEvenements
{
    background:url(/portail/images/FR/visiteurs/evenementSpectacles/evenements.gif) no-repeat;
    width:104px;
}

.corpsMaster .actif .ongletEvenements
{
    background:url(/portail/images/FR/visiteurs/evenementSpectacles/evenements_active.gif) no-repeat;
    cursor:pointer;
    position:relative;
    z-index:5;
    width:104px;
}

.corpsMaster .onglets .ongletSpectacles
{
    background:url(/portail/images/FR/visiteurs/evenementSpectacles/spectacles.gif) no-repeat;
    width:98px;
}

.corpsMaster .onglets:hover .ongletSpectacles
{
    background:url(/portail/images/FR/visiteurs/evenementSpectacles/spectacles_over.gif) no-repeat;
    cursor:pointer;
}

.corpsMaster .actif .ongletSpectacles
{
    background:url(/portail/images/FR/visiteurs/evenementSpectacles/spectacles_active.gif) no-repeat;
    cursor:pointer;
    width:98px;
    position:relative;
    z-index:5;
    left:-5px;
}

.ongletsEvenementsSpectacles .date
{
    font-weight:bold;
}

.ongletsEvenementsSpectacles .titre
{
    font-weight:bold;
    font-size:1em;
    margin:2px 0 7px 0;
}

.ongletsEvenementsSpectacles .liens
{
    float:left;
    width:160px;
    margin:-8px 0 0 0px;
}

.evenementsSpectacles .fleches
{
    width:50px;
    float:right;
    margin-right:10px;
    position:relative;
    top:-18px;
    z-index:50;
}

.colonneGaucheIndex .btCommandezPublications
{
    margin-top:35px;
}

.colonneDroiteIndex
{
    width:575px;
    float:right;
}

.colonneDroiteIndex .blocPromo
{
    width:572px;
    height:285px;
}

.colonneDroiteIndex .bandeBlanche
{
    position:relative;
    top:-35px;
    z-index:50;
}

#nav {margin-right:5px; text-align:right; position:relative; top:275px; left:0px; z-index:100; padding-right:5px; }
#nav li {background:none;}
#nav li a, #nav li a.activeSlide
{
    height:20px;
    width:21px;
    background-repeat:no-repeat;
    padding:3px 7px 6px 7px;
    cursor:pointer;
    text-decoration:none;
    color:#0f0f0f;
}

#nav li a {background-image:url(/portail/images/visiteurs/bt.png);} 
#nav li a.activeSlide {color:White;}
#nav li a:focus {outline:none;}
#nav li {display:inline; list-style-type:none; margin:0 0 0 5px; padding:0; text-align:right;}

.colonneDroiteIndex .gauche
{
    float:left;
    width:330px;
    margin-top:2px;
}

.gauche .blocActualites .haut
{
    background:url(/portail/images/visiteurs/haut_actualites.gif) no-repeat center top;
    width:328px;
    height:128px;
    margin-top:16px;
}

.gauche .blocActualites .centre
{
    background:url(/portail/images/visiteurs/centre_actualites.gif) no-repeat center bottom;
    width:328px;
    height:128px;
}

.blocActualites .ligneActualites
{
    padding:12px 0 5px 0;
}

.blocActualites ul
{
    padding:25px 0 35px 0;
    margin:0;
    list-style:none;
}

.blocActualites li
{
    margin:0;
    display:block;
    background:url(/portail/images/puce_liens.gif) no-repeat 18px 25px;
    padding:0 18px;
    color:#484848;
}

.blocActualites li a
{
    color:#0571df;
}

.blocActualites li b
{
    color:#5b5b5b;
}

.blocActualites li span.titre
{
    position:relative;
    top:5px;
    left:7px;
    width:200px;
}

.blocActualites li span.description
{
    position:relative;
    top:10px;
}

.blocActualites .liensActualites
{
    background:url(/portail/images/visiteurs/bas_actualites.gif) no-repeat center bottom;
    width:328px;
    height:42px;
}

.blocActualites .liensActualites ul
{
    margin:0;
    padding:15px 0 0 18px;
    list-style:none;
}

.blocActualites .liensActualites li
{
    margin:0;
    padding:0;
    background:url(/portail/images/visiteurs/puce_liens.gif) no-repeat left 5px;
    padding-left:8px;
}

.gauche .blocTwitter
{
    padding-top:42px;
    color:#1f1f1f;
}

.blocTwitter .tweet
{
    padding-bottom:12px;
}

.gauche .blocTwitter .titre
{
    color:#5b5b5b;
    font-weight:bold;
    margin:15px 0;
}

.colonneDroiteIndex .droite
{
    float:right;
    width:210px;
    margin-top:35px;
}

.droite .btSherbrookeImages
{
    margin:28px 0 32px 0;
}

.droite .btFacebook
{
    margin:7px 0;
}


/* ------------------ MENU CONTENU ------------------ */
.menuVertical
{
    display:none;
}


/* ------------------ VISITEURS ------------------ */
.video
{
    display:none;
}

.pageCompleteVisiteurs .texteAccueil
{
    float:left;
    width:325px;
}

.pageCompleteVisiteurs .imageAccueil
{
    width:260px;
    float:left;
    margin-left:15px;
}    

.ligneAccueil
{
    border:0;
    width:100%;
    height:2px;
    padding:0;
    margin:30px 0 20px 0;
    background: url(/portail/images/visiteurs/ligne_accueil.gif) no-repeat center center;
}


/* ------------------ QUOI FAIRE? ------------------ */
.pageCompleteVisiteurs .txtAccueilQuoiFaire
{
    float:left;
    width:650px;
    padding-top:7px;
}

.pageCompleteVisiteurs .imgAccueilQuoiFaire
{
    float:left;
    width:255px;
    margin:20px 0 5px 0;
}

.pageCompleteVisiteurs .ligneAccueil
{
    margin:30px 0;
}

.pageCompleteVisiteurs .btIncontournables
{
    margin-top:12px;
}

.pageCompleteVisiteurs .btRetourFiche
{
    padding-top:7px;
}

.pageCompleteVisiteurs .logoBalado
{
    padding-left:5px;
    padding-top:8px;
    vertical-align:bottom;
}

.pageCompleteVisiteurs .videoBaladoGauche, .pageCompleteVisiteurs .videoBaladoDroite
{
    display:none;
}

.activitesFamiliales
{
    font-size:1.083em;
}

.activitesFamiliales .bandeauActivitesFamiliales
{
    margin:10px 0 25px 0;
}

.activitesFamiliales .txtActivites01
{
    float:left;
    width:380px;
}

.activitesFamiliales .imgActivites01
{
    float:right;
    width:200px;
    padding-top:5px;
}

.activitesFamiliales .txtActivites02
{
    float:right;
    width:395px;
}

.activitesFamiliales .imgActivites02
{
    float:left;
    width:195px;
    padding-top:20px;
}


/* ------------------ FORFAITS-ET-PROMOTIONS ------------------ */
.pageCompleteVisiteurs .bandeauxForfaits
{
    margin:18px 0;
}

.pageCompleteVisiteurs .imgForfaitFamille
{
    margin:25px 0 15px 0;
}

.pageCompleteVisiteurs .titreEconomisez
{
    font-size:2em;
    color:#9eb029;
    font-weight:bold;
    padding-top:10px;
}

.forfaitsPromotions ul, .pageCompleteProposNous .colonneTexte ul
{
    margin:0 0 5px 0;
    padding:0;
    list-style:none;
}

.forfaitsPromotions li, .pageCompleteProposNous .colonneTexte li
{
    margin:0;
    padding:0 0 8px 18px;
    background:url(/portail/images/crochet.gif) no-repeat left 4px;
}

.forfaitsPromotions li ul
{
    margin:10px 0 0 15px;
    padding:0;
    list-style:none;
}

.forfaitsPromotions li ul li
{
    margin:0;
    padding:0 0 0 10px;
    background:url(/portail/images/puce.gif) no-repeat center left;
}

.forfaitsPromotions .pubForfaits
{
    margin:15px 0;
}

.forfaitsPromotions .colonneTexte
{
    float:left;
    width:465px;
}

.forfaitsPromotions .colonnePrix
{
    float:right;
    width:110px;
    padding-top:20px;
}

.pageCompleteVisiteurs .tableauNormalise
{
    background-color:#f3f3f3;  
    border:1px solid #b3b3b3;
    width:610px;
    color:#323232;
    margin-bottom:12px;
    font-size:0.917em;
}

.tableauNormalise .titre
{
    border-bottom:1px solid #d1d1d1;
    padding:10px 0 10px 15px;
    border-bottom:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
}

.tableauNormalise .titreCentrer
{
    border-bottom:1px solid #d1d1d1;
    padding:10px 0;
    text-align:center;
    border-bottom:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
}

.tableauNormalise .titreCentrerSansBordure
{
    border-bottom:1px solid #d1d1d1;
    padding:10px 0;
    text-align:center;
}

.tableauNormalise .borderBottom, .tableauNormalise .borderRight, .tableauNormalise .border, .tableauNormalise .noBorder
{
    text-align:center;
    vertical-align:middle;
    font-size:1.167em;
}

.tableauNormalise .borderBottom
{
    border-bottom:1px solid #b3b3b3;
}

.tableauNormalise .borderRight
{
    border-right:1px solid #b3b3b3;
}

.tableauNormalise .border
{
    border-bottom:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
}

.tableauNormalise .tableauGauche
{
    float:left;
    text-align:left;
    padding:10px 0 0 15px;
    width:222px;
}

.tableauNormalise .tableauGauche ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.tableauNormalise .tableauGauche li
{
    margin:0;
    padding-left:10px;
    font-size:0.917em;
    background:url(/portail/images/puce_liens.gif) no-repeat left 5px;
}

.tableauNormalise .tableauGauche li a.titreEtalissement
{
    font-size:1.167em;
}

.tableauNormalise .tableauDroit
{
    float:right;
    width:78px;
    text-align:right;
    padding:15px 10px 0 0;
}

.pageCompleteVisiteurs .note
{
    font-size:0.917em;
    color:#5f5f5f;
}

.promoOmaterra p, .promoOmaterra ul
{
    display:none;
}

.forfaitsPromotions .fondLogo
{
    background:none;
}

.forfaitsPromotions .contourCouponRabais
{
    width:610px;
    height:288px;
    border:1px solid #9f9f9f;
    margin:25px 0 10px 0;
}

.forfaitsPromotions .couponRabaisOmaterra
{
    border:1px solid #919191;
    width:566px;
    height:246px;
    margin:20px 0 0 20px;
}


/* ------------------ SPECTACLES-ET-EVENEMENTS.ASPX ------------------ */
.filtreSpectaclesEvenements
{
    width:896px;
    height:109px;
    background-color:#5a5a5a;
    border:1px solid #c7c7c7;
    color:white;
    margin-bottom:30px;
}

.filtreSpectaclesEvenements .spectacles, .filtreSpectaclesEvenements .evenements
{
    float:left;
    width:400px;
    padding:15px 0 0 30px;
}

.filtreSpectaclesEvenements .ligneSpectaclesEvenements
{
    border:0;
    width:100%;
    height:10px;
    padding:0;
    margin:5px 0;
    background: url(/portail/images/visiteurs/quoiFaire/spectacles_evenements/ligne_filtre.gif) no-repeat center center;
}

.checkBoxTitre
{
    padding-right:5px;
    vertical-align:bottom;
}

.checkBox
{
    padding-right:5px;
    vertical-align:middle;
}

.filtreSpectaclesEvenements .colonne01, .filtreSpectaclesEvenements .colonne02, .filtreSpectaclesEvenements .colonne03
{
    float:left;
    width:130px;
}

.filtreSpectaclesEvenements .evenements .colonne01, .filtreSpectaclesEvenements .evenements .colonne02
{
    float:left;
    width:160px;
}

.listingSpectaclesEvenements
{
    background:url(/portail/images/visiteurs/quoiFaire/spectacles_evenements/fond_listing.gif) no-repeat;
    width:216px;
    height:328px;
    float:left;
    margin:0 11px 12px 0;
}

.listingSpectaclesEvenements .marginSpectaclesEvenements
{
    width:192px;
    margin:0 auto;
    padding-top:20px;
    font-size:0.917em;
}

.marginSpectaclesEvenements .image
{
    border:1px solid #c0c0c0;
    margin-bottom:5px;
}

 .marginSpectaclesEvenements b
 {
     font-size:0.917em;
     color:#ec008c;
 }
 
 .marginSpectaclesEvenements .titre
 {
     font-size:1.1em;
     font-weight:bold;
     margin:1px 0 7px 0;
 }
 
 .marginSpectaclesEvenements .renseignements,  .marginSpectaclesEvenements .adresseWeb
 {
     margin-top:8px;
 }
    

/* ------------------ LISTING ------------------ */
.promoListing, .imgSpectaclesEvenements
{
    margin:15px 0 25px 0;
}

.promoListing
{
    width:608px;
    height:167px;
}

.promoFiche
{
    margin:15px 0 10px 0;
}

#navPromo { margin-right:5px; text-align:right; position:relative; top:170px; z-index:10; padding-right:5px; }
#navPromo li a { color:#454546; background:#2e2e2e; border:1px solid #c3bdbf; font-size:0.875em; 
                 padding:0px 4px; text-decoration:none; cursor:pointer;}
#navPromo li a.activeSlide { background:#acbf2e; border:1px solid white;}
#navPromo li a:focus { outline:none;}
#navPromo li { display:inline; list-style-type:none; margin-right:5px; text-align:right;}

.filtre
{
    display:none;
}

.listing
{
    background:url(/portail/images/visiteurs/fond_listing.gif) no-repeat center center;
    width:608px;
    height:125px;
    margin-bottom:12px;
}

.listing .image
{
    float:left;
    margin:18px 15px 0 15px;
    width:130px;
    border:1px solid #acacac;
}

.listing .imageApercu
{
    width:130px;
    height:86px;
}

.listing .description
{
    float:left;
    width:420px;
}

.listing .description ul
{
    margin:0;
    padding:17px 0 0 0;
    list-style:none;
}

.listing .description li
{
    margin:0;
    padding:0;
    background:url(/portail/images/visiteurs/puce_liens.gif) no-repeat left 7px;
}

.listing .description li a
{
    font-size: 	1.167em;
    font-weight:bold;
    color:#1778e3;
    padding-left:10px;
}

.listing .description li span.arrondissement
{
    font-size:0.917em;
}

.description .classification
{
    float:right;
}

.ligneMenuDeroulant
{
    border:0;
    width:100%;
    height:2px;
    padding:0;
    margin:7px 0 20px 0;
    background: url(/portail/images/visiteurs/ligne_accueil.gif) no-repeat center center;
}

.titreArrondissement
{
    float:left;
    margin-top:5px;
}

.menuDeroulant
{
    float:left;
    margin:0 5px 0 8px;
}

#ZoneArrondissement
{
    width:613px;
    height:463px;
    margin-top:10px;
    display:none;
}


/* ------------------------------------------------- */
/* ------------------ PAGE FICHE ------------------- */
/* ------------------------------------------------- */
h4
{
    font-size:1.667em;
    color:#41413e;
    padding-top:15px;
    width:470px;
    font-weight:normal;
    margin:0;    
}

.titreAttraits
{
    float:left;
    color:#41413e;
    font-size:1.667em;
    padding-top:15px;
    width:390px;
    font-weight:normal;
    margin:0; 
}

.classificationTitre
{
    float:left;
    padding-top:22px;
    text-align:right;
    width:77px;
}

.btAjouter
{
    float:right;
    margin-top:12px;
}

.ligneFiche, .ligneFicheTitre
{
    border:0;
    width:100%;
    height:2px;
    padding:0;
    background: url(/portail/images/visiteurs/ligne_fiche.gif) no-repeat center center;
}

.ligneFiche
{
    margin:25px 0;
}

.ligneFicheTitre
{
    margin:3px 0;
}

ul.coordonnees
{
    list-style:none;
}

ul.coordonnees li
{
    font-size:0.917em;
    color:#6d6d6d; 
    display:inline;
    margin:0 0 0 8px;
    padding:0 0 0 10px;
    background:url(/portail/images/separateur_fiche.gif) no-repeat left 6px;
}

ul.coordonnees li:first-child
{
    margin:0;
    padding:0;
    background:none;
}

.separateurCoordonnees
{
    float:left;
    margin:2px 5px 0 5px;
}

.colonneGauche
{
    float:left;
    width:300px;
}

.descriptionLongue
{
    margin-top:15px;
    margin-bottom:25px;
}

.blocContenu
{
    height:100%;
    padding-bottom:10px;
}

.titreForfaitsDisponibles
{
    margin-bottom:8px;
}

.forfaitsRestos
{
    float:right;
    width:270px;
    margin-bottom:10px;
}

.forfaitsRestos img
{
    text-align:right;
    margin-bottom:5px;
}

.colonneDroite
{
    float:right;
    width:285px;
}
   
.colonneDroite .photo
{
    background:url(/portail/images/visiteurs/fond_fiche_photo.gif) no-repeat;
    width:284px;
    height:219px;
    margin-bottom:20px;
}

.photo .marginPhoto
{
    width:264px;
    margin:10px auto 0 auto;
    position:relative;
    top:13px;
}

#blocImagesFiche img
{
    border:1px solid #8f8f8f;
    float:left;
}

.pageFiche .fleches
{
    position:relative;
    right:11px;
    top:18px;
    float:right;
}

.pageFiche .imageClassification
{
    padding-top:20px;
}

.pageFiche .boiteCarte
{
    border:none;
    margin-bottom:20px;
}

.colonneGauche .ChefEtVin
{
    margin-bottom:20px;
}

.colonneGauche .ChefEtVin .nomChef
{
    background:url(/portail/images/FR/visiteurs/ouManger/nomChef.gif) no-repeat center left;
    height:36px;
    float:left;
    width:186px;
}

.colonneGauche .ChefEtVin .nomChef .nom
{
    padding:25px 0 0 40px;
    color:#535353;
    font-size:0.917em;
}

.colonneGauche .listeServices, .colonneGauche .modePaiement
{
    margin-bottom:35px;
}

.colonneGauche .listeServices ul
{
    margin:15px 0 0 0;
    padding:0;
    list-style:none;
}

.colonneGauche .listeServices li
{
    margin:0;
    padding:0 0 8px 0;
    background:url(/portail/images/crochet.gif) no-repeat left 4px;
    padding-left:15px;
}

.colonneGauche .listeServices img
{
    vertical-align:middle;
    margin:1px 0 0 3px;
}

.colonneGauche .modePaiement ul
{
    list-style:none;
    display:inline;
}

.colonneGauche .modePaiement li
{
    float:left;
    padding-right:10px;
    margin-top:10px;
}

.titreGoogleMaps
{
    float:left;
    width:200px;
    padding-top:7px;
}

.optionsGoogleMaps
{
    float:left;
    font-size:0.917em;
    font-weight:bold;
    margin:0;
    padding:0;
    background:url(/portail/images/visiteurs/repeat_optionsGoogleMaps.gif) repeat-x center top;
    height:31px;
}

.optionsGoogleMaps .titreVoir
{
    float:left;
    color:#ededed;
    width:100px;
    padding:8px 0 0 5px;
}

.optionsGoogleMaps .options01
{
    float:left;
    color:#c1d72f;
    padding:5px 5px 0 0;
}

.googleMaps
{
    height:350px;
    border:1px solid #c7c7c7;
}

.googleStreetView
{
    display:none;
    border:none;
    height:0px;
}

.suggestionsFicheGauche, .suggestionsFicheDroite
{
    float:left;
    width:350px;
    margin-top:15px;
}

.suggestionsFicheGauche ul, .suggestionsFicheDroite ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.suggestionsFicheGauche li, .suggestionsFicheDroite li
{
    margin:0;
    padding:0 0 10px 0;
    background:url(/portail/images/visiteurs/puce_liens.gif) no-repeat left 5px;
    padding-left:8px;
    color:#565656;
}


/* ------------------ OU MANGER? ------------------ */
.pageCompleteVisiteurs .recherche ul
{
    margin:15px 0 5px 0;
    padding:0;
    list-style:none;
}

.pageCompleteVisiteurs .recherche li
{
    margin:0;
    padding:0 3px;
    display:inline;
    float:left;
    border-right:1px solid #a9a9a9;
}

.pageCompleteVisiteurs .recherche li.noBorder
{
    border:none;
}

.pageCompleteVisiteurs .listing .description li span.texte, .pageCompleteVisiteurs .listing .description li span.texte
{
    position:relative;
    top:10px;
}

.pageCompleteVisiteurs .btAjouter, .pageCompleteVisiteurs .btAjouter
{
    margin-top:18px;
}

.colonneGaucheOuManger
{
    float:left;
    width:400px;
    margin-bottom:20px;
}

.colonneDroiteOuManger
{
    float:right;
    width:188px;
}

.colonneDroiteOuManger .marginBottom
{
    margin-bottom:5px;
}


/* ------------------ OU DORMIR? ------------------ */
.pageCompleteVisiteurs .btIndex
{
    float:left;
    margin:0px 35px 20px 0;
}

.paddingTop
{
    padding-top:10px;
}

.pageCompleteVisiteurs .filtre
{
    padding-top:10px;
    height:23px;
}

.pageCompleteVisiteurs .filtrehebergement
{
    padding:0;
    margin-top:10px;
    border-bottom:1px solid #bfbfbf;
}

.pageCompleteInfosPratiques .filtre
{
    padding-top:20px;
    height:23px;
}

.filtreInfopratiques
{
    padding:0;
    margin-bottom:10px;
    border-bottom:1px solid #bfbfbf;
}

.pageCompleteVisiteurs .filtre ul
{
    margin:0;
    padding:0;
    float:right;
}

.pageCompleteVisiteurs .filtre li
{
    padding:0;
}

.pageCompleteVisiteurs .filtre .avecBordure
{
    border-left:1px solid #bfbfbf;
}

/* Patch pour compenser la longueur des filtres*/
.pageCompleteVisiteurs .filtre li .SportPleinAir
{
    padding:0 5px 9px 4px;
}

.pageCompleteVisiteurs .filtre li .Restaurant
{
    padding:0 15px 9px 15px;
}

.pageCompleteVisiteurs .filtre li .CulturePatrimoine
{
    padding:0 14px 9px 13px;
}

.filtre li.rendreSherbrooke
{
    padding:0 19px;   
}

.filtre li.servicesBancaires
{
    padding:0 9px;   
}

.filtre li.urgences
{
    padding:0 14px;   
}

.filtre li.aSavoir01
{
    padding:0 15px;   
}

.filtre li.aSavoir02
{
    padding:0 22px;   
}
/* fin patch */

.pageCompleteVisiteurs .filtre li.noBorder
{
    width:286px;
    padding-right:10px;
    text-align:right;
}

.pageCompleteVisiteurs .filtre li.noBorder:hover
{
    background-color:White;
    cursor:auto;
}

.filtre .titreClassification
{
    padding-top:5px;
}

.imgSansResultat
{
    margin:45px 0 0 80px;
}

.pageCompleteVisiteurs .colonneDroite
{
    margin-top:25px;
}

.pageCompleteVisiteurs .titreForfaitsDisponibles
{
    margin:30px 0 15px 0;
}

.pageCompleteVisiteurs .forfaits
{
    margin-bottom:12px;
}

.imageClassification
{
    float:right;
}

/* ------------------ CARTE INTERACTIVE ------------------ */
.pageCompleteCarte .texteCarte
{
    float:left;
    color:#5f5f5f;
    padding-top:15px;
}

.pageCompleteCarte .fermer
{
    display:none;
}    

.pageCompleteCarte .googleMaps
{
    width:896px; 
    height:550px;   
    margin-top:15px; 
}

.pageCompleteCarte .googleStreetView
{
    width:896px;
}

.filtreCarteInteractive
{
    display:none;
}

.pageCompleteCarte .googleMapsCarte
{
    width:896px;
    height:535px;
    border:1px solid #c7c7c7;
}


/* ------------------ INFO-PRATIQUES ------------------ */
.pageCompleteInfosPratiques h2
{
    color:#41413e;
}

.pageCompleteInfosPratiques .itineraire ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.pageCompleteInfosPratiques .itineraire li
{
    margin:0;
    padding:0 0 8px 18px;
    background:url(/portail/images/crochet.gif) no-repeat left 4px;
}

.pageCompleteInfosPratiques .liensUtiles ul
{
    margin:10px 0 0 0;
    padding:0;
    list-style:none;
}

.pageCompleteInfosPratiques .liensUtiles li
{
    margin:0;
    padding:0 0 8px 12px;
    background:url(/portail/images/puce_liens.gif) no-repeat left 4px;
}

.pageCompleteInfosPratiques .ligneFiche
{
    margin:30px 0 20px 0;
}

.pageCompleteInfosPratiques .btAccueil, .pageCompleteVisiteurs .btAccueil
{
    margin-top:40px;
}

.pageCompleteInfosPratiques .btIndex, .pageCompleteVisiteurs .btIndex
{
    float:left;
    margin:0 15px 20px 0;
}

.pageCompleteInfosPratiques .carteGoogleStationnement
{
    width:100%;
    height:300px;
    margin-bottom:8px;
    border:1px solid #8c8c8c;
}

.pageCompleteInfosPratiques .liens li
{
    font-size:1em;
}


/* ------------------ PORTRAIT-DE-SHERBROOKE ------------------ */
.pageCompletePortraitSherbrooke .colonneTexte
{
    width:325px;
    margin-right:30px;
}

.pageCompletePortraitSherbrooke .colonnePhoto
{
    width:254px;
}

.pageCompletePortraitSherbrooke .colonneTexte, .pageCompletePortraitSherbrooke .colonnePhoto
{
    margin-top:15px;
    float:left;
}

.pageCompletePortraitSherbrooke ul, .pageCompleteCongres ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.pageCompletePortraitSherbrooke li, .pageCompleteCongres li
{
    margin:0;
    padding:0 0 8px 18px;
    background:url(/portail/images/crochet.gif) no-repeat left 4px;
}

.pageCompletePortraitSherbrooke .jQueryHistoireGenealogie
{
    margin-bottom:20px;
}

#navHistoireGenealogie { text-align:right; position:relative; top:245px; z-index:10; margin-right:65px; }
#navHistoireGenealogie li {background:none;}
#navHistoireGenealogie li a, #navHistoireGenealogie li a.activeSlide
{
    height:14px;
    width:14px;
    background-repeat:no-repeat;
    padding:3px 5px 6px 5px;
    cursor:pointer;
    text-decoration:none;
    color:#0f0f0f;
}

#navHistoireGenealogie li a { background-image:url(/portail/images/portraitSherbrooke/histoireGenealogie/bt.png); } 
#navHistoireGenealogie li a:hover { background-image:url(/portail/images/portraitSherbrooke/histoireGenealogie/bt.png); }   
#navHistoireGenealogie li a.activeSlide { background-image:url(/portail/images/portraitSherbrooke/histoireGenealogie/bt_active.png); }
                        
#navHistoireGenealogie li a:focus { outline:none; }
#navHistoireGenealogie li { display:inline; list-style-type:none; margin:0px; padding:0 0 0 10px; text-align:right;}

.pageCompletePortraitSherbrooke .bandeBlancheHistoire
{
    position:absolute;
    top:369px;
    margin-left:1px;
    z-index:5;
}

.pageCompletePortraitSherbrooke .logoHistoireGenealogie
{
    margin-top:25px;
}

.pageCompleteFilSaisons p
{
    font-size:1.167em;
    margin:15px 0;
}

.pageCompleteFilSaisons .bandeauFilSaisons
{
    margin:15px 0;
}

.pageCompleteFilSaisons .bandeauFilSaisons2
{
    margin:45px 0 15px 0;
}


/* ------------------ NOUS-JOINDRE ------------------ */
.pageCompleteNousJoindre h1
{
    font-size:2em;
    color:#41413e;
    margin:20px 0 10px 0;
}

.pageCompleteNousJoindre p
{
    margin:10px 0 15px 0;
}

.pageCompleteNousJoindre .carteGoogle
{
    border:1px solid #c7c7c7;
    width:470px;
    height:281px;
    float:left;
}

.pageCompleteNousJoindre .liens
{
    margin-bottom:40px;
}

.pageCompleteNousJoindre .coordonneesBureauInformation
{
    width:400px;
    margin-left:25px;
    float:left;
}

.pageCompleteNousJoindre .btCommandezGuide
{
    margin-top:35px;
}

.pageCompleteNousJoindre .titrePersonnel
{
    font-size:1.167em;
    color:#41413e;
}

.marginTop
{
    margin-top:30px;
}

.pageCompleteNousJoindre .ligneNousJoindre
{
    border:0;
    width:900px;
    height:2px;
    padding:0;
    margin:5px 0;
    background: url(/portail/images/nousJoindre/ligne_coordonnees.gif) no-repeat center center;
}

.pageCompleteNousJoindre .photoPersonnelOccassionnel
{
    float:left;
    margin:15px 30px 0 0;
}

.pageCompleteNousJoindre .photo
{
    margin:20px 20px 0 0;
    float:left;
    width:317px;
    height:420px;
    background:white;
}

.pageCompleteNousJoindre #navNousJoindre
{ 
    width:900px; 
    margin:10px 0 0 0; 
    padding:0;
} 

.pageCompleteNousJoindre #navNousJoindre li 
{ 
    width:167px; 
    float:left; 
    margin:10px; 
    list-style:none;
}

.pageCompleteNousJoindre #navNousJoindre a 
{ 
    width:167px; 
    display:block; 
}
    
.pageCompleteNousJoindre #navNousJoindre a:focus 
{ 
    outline:none; 
}
    
.pageCompleteNousJoindre #navNousJoindre img 
{ 
    border:none; 
    display:block 
}

.pageCompleteNousJoindre .coordonnesPersonnelRegulier
{
    width:309px;
    height:85px;
    background-color:#232323;
    margin:5px 0 0 7px;
}

.coordonnesPersonnelRegulier .nom
{
    font-weight:bold;
    font-size:1.167em;
    color:#c1d72f;
    padding:15px 0 0 20px;
}

.coordonnesPersonnelRegulier .poste
{
    color:white;
    padding-left:20px;
    width:265px;
}

.coordonnesPersonnelRegulier .courriel
{
    font-size:0.917em;
    padding:7px 0 0 20px;
}

.coordonnesPersonnelRegulier .courriel a
{
    color:#2f90fe;
}


/* ------------------ COMMANDEZ-NOS-PUBLICATIONS ------------------ */
.pageCompleteCommandezPublications .formulaireCommandez
{
    float:left;
    width:500px;
    margin-top:15px;
}

.pageCompleteCommandezPublications .ligneFormulaire
{
    margin-bottom:16px;
}

.pageCompleteCommandezPublications .nomChamps
{
    color:#6e6e6e;
    float:left;
    margin:5px 5px 0 0;
    text-align:right;
    width:152px;
}

.pageCompleteCommandezPublications .asterix
{
    color:red;
    float:right;
    margin:2px 0 0 5px;
}

.pageCompleteCommandezPublications .champsTextBox
{
    float:left;
    width:325px;
}

.pageCompleteCommandezPublications .textBoxSize
{
    color:#252525;
    height:20px;
    width:320px;
}

.pageCompleteCommandezPublications .colonneInterets
{
    float:left;
    width:145px;
}

.pageCompleteCommandezPublications .titreAbonnement
{
    margin-left:160px;
    margin-bottom:10px;
    font-weight:bold;
}

.pageCompleteCommandezPublications .checkboxAbonnement
{
    margin-left:155px;
    margin-bottom:10px;
    float:left;
    width:18px;
}

.pageCompleteCommandezPublications .texteAbonnement
{
    margin-left:5px;
    margin-bottom:10px;
    width:305px;
    float:left;
}

.pageCompleteCommandezPublications .boutonEnvoie
{
    border:none;
    height:32px;
    margin:0px 10px 0 358px;
    width:126px;
}

.pageCompleteCommandezPublications .marginTop
{
    margin-top:15px;
}

.formulaireCommandez .imgMerci
{
    padding:55px 0 0 80px;
}


/* ------------------ 404.ASPX ------------------ */
.pageComplete404
{
    background:url(/portail/images/fond_404.gif) no-repeat bottom right;
    height:300px;
    margin-top:45px;
    font-size:1.167em;
    color:#727272;
}

.pageComplete404 .titreDesole
{
    margin-bottom:25px;
}

.pageComplete404 .titreCherchez
{
    margin:30px 0 15px 0;
}

.pageComplete404 ul
{
    margin:10px 0 0 0;
    padding:0;
    list-style:none;
}

.pageComplete404 li
{
    margin:0;
    padding:0 0 4px 18px;
    font-size:1.167em;
    color:#727272;
    background:url(/portail/images/crochet.gif) no-repeat left 4px;
}


/* ------------------ A-PROPOS-DE-NOUS.ASPX ------------------ */
.pageCompleteProposNous h5
{
    color:#41413e;
    margin:20px 0 15px 0;
}

.pageCompleteProposNous .colonneTexte
{
    float:left;
    width:570px;
    margin-top:15px;
}
 
.pageCompleteProposNous .colonneImages
{
    float:right;
    width:285px;
    margin:50px 20px 0 0;
}     

.pageCompleteProposNous .colonneGaucheMembres, .pageCompleteProposNous .colonneDroiteMembres
{
    float:left;
    width:215px;
}

.pageCompleteProposNous .titreMembres
{
    font-weight:bold;
    color:#889b0d;
    margin-top:25px;
}

.pageCompleteProposNous .logosPartenaires
{
    float:left;
    margin-right:70px;
    padding-bottom:15px;
} 


/* ------------------ ESPACE MÉDIAS ------------------ */
.pageCompleteEspaceMedias .date
{
    font-weight:bold;
    color:#717171;
    padding-top:4px;
}

.pageCompleteEspaceMedias ul
{
    margin:0;
    padding:0;
    list-style:none;
}

.pageCompleteEspaceMedias li
{
    margin:0;
    padding:0 0 5px 8px;
    background:url(/portail/images/puce_liens.gif) no-repeat left 5px;
}

.pageCompleteEspaceMedias .contourImage
{
    border:1px solid #c2c2c2;
    background-color:#f9f9f9;
    float:right;
}

.contourImage .contour
{
    border:1px solid #b3b3b3;
    margin:10px;
}


/* ------------------ ÉVÉNEMENTS SPORTIFS ------------------ */
.fondNousJoindreSports
{
    background:url(/portail/images/evenements-sportifs/img_nous_joindre.jpg) no-repeat center bottom;
    width:600px;
    height:394px;
}

.fondNousJoindreCongres
{
    background:url(/portail/images/congres-et-Reunions/img_nous_joindre.jpg) no-repeat center bottom;
    width:600px;
    height:394px;
}

.paddingTopNousJoindre
{
    padding-top:12px;
}

.numeroTel
{
    font-family:Univers, Tahoma, Arial;
    font-size:4em;
    color:#4f4f4f;
    padding-bottom:20px;
}

.ligneCoordoonneesNousJoindre
{
    border:0;
    width:214px;
    height:2px;
    padding:0;
    margin:15px 0;
    background: url(/portail/images/evenements-sportifs/ligne_nous_joindre.gif) no-repeat center center;
}