/* Capitaleculturelle */

body{
    font-family: "Arial";
    font-size:12px;
}
h1#title{
    display:none;
}

h1{
    margin-left:20px;
    margin-right:20px;
    padding-bottom:10px;
    border-bottom: 1px solid;
}

hr{
    border:1px solid #d1d1d1;
}

div#rechercheGoogle{
   width:270px;
   margin-top:40px;
   float:right;
}

div#rechercheGoogle div{
    float:left;
}

div#cse-search-results{
  margin:0 20px 0 20px;
}

div#cse-search-results iframe{
  width:100%;
}

form#cse-search-box{
    float:right;
    margin-top:50px;
    margin-bottom:20px;
    position:relative;
    width:182px;
}

form#infolettre{
    margin-top:5px;
    position:relative;
    margin-left:145px;
}

form#message{
    margin-top:5px;
    margin-left:150px;
    margin-right: 100px;
    position:relative;
   /* margin-left:200px; */
}

input{
    font-size: 12px;
    width:150px;
    height:15px;
    border:1px solid #000;
    font-family: "Arial";
}

textarea{
    font-size: 12px;
    width:500px;
    height:200px;
    border:1px solid #000;
    font-family: "Arial";
}

button{
    position:absolute;
    left:148px;
    width:19px;
    height:19px;
    border:0;
    background: #000 url("../images/skin/search_button.jpg") top left no-repeat;

}

form#newsletter span{
    color: #f00;
}


form#message span{
    color: #f00;
}

form#message input#sujet{
    width:500px;
}

form#google button:hover{
    cursor: pointer;
}

/***********/
/* Général */
/***********/


body{
    margin:0 auto;
    width:100%;
    background: #1a1a1a url("../images/skin/background.jpg") top center no-repeat;
    line-height:120%;
    font-family: "Arial";
    margin-top:20px;
}

a{
    font-family: "Arial";
    text-decoration:none;
}

div#frame{
    width:976px;
    background-color:#fff;
    text-align:left;
    margin:0 auto;
    /*position:relative;*/
}


/*~~~~~~~~~~~~~~~~~*/
/* Début du header */
/*~~~~~~~~~~~~~~~~~*/


div#header{
    height:110px;
    background: #fff;
    padding-top:20px;

}

body.fr div#header{
  /*  background:url("") 0 20px no-repeat;*/
}

body.en div#header{
  /*  background:url("") 0 20px no-repeat;*/
}

#logo_capitale_canada{
    float:right;
    margin-top:-10px;
}

img#logo_banniere{
    margin-left:23px;
    margin-bottom:23px;
    margin-top:15px;
}


div#conteneurBannierePhotos{
    border:0px solid #000;
    height:139px;
    width:100%;
    margin-top:0px;
    background:#1a1a1a;
}

/* photoSet qui contient contient la couleur de fond */

div#photoSet1Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:0px;
    background:#eec5da;
}

div#photoSet2Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:139px;
    background:#ffff7f;
}

div#photoSet3Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:278px;
    background:#80cfe2;
}

div#photoSet4Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:417px;
    background:#fdbf6f;
}

div#photoSet5Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:556px;
    background:#8bbc6f;
}

div#photoSet6Fond{
    position:absolute;
    width:139px;
    height:139px;
    left:695px;
    background:#dedede;
}

div#photoSet7Fond{
    position:absolute;
    width:142px;
    height:139px;
    left:834px;
    background:#809cc9;
}


/* photoSet qui contient les images */
div#photoSet1{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:0px;
}


div#photoSet2{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:139px;
}

div#photoSet3{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:278px;
}

div#photoSet4{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:417px;
}

div#photoSet5{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:556px;
}

div#photoSet6{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:695px;
}

div#photoSet7{
    position:relative;
    width:139px;
    border:0px solid #000;
    left:834px;
}

div#photoSet1 img, div#photoSet2 img, div#photoSet3 img, div#photoSet4 img, div#photoSet5 img, div#photoSet6 img, div#photoSet7 img{
    display:none;
    position:absolute;
    top:0;
    left:0;
}

div#photoSet1 img.active, div#photoSet2 img.active, div#photoSet3 img.active, div#photoSet4 img.active, div#photoSet5 img.active, div#photoSet6 img.active, div#photoSet7 img.active{
    display:block;
}





/* ~~~~~Menu Supérieur ~~~~~*/
div#header ul li, div#footer ul li {
     display: inline;
}

div#header ul#menuSuperieur{
    text-align:right;
    padding:0px 0px;
    margin-left:380px;
    margin-right:6px;
}

div#header ul#menuSuperieur li{
    border-left:1px solid;
    padding:0px 5px 0 7px;
}

div#header ul#menuSuperieur li:first-child{
    border-left:0px solid;
}


div#header ul#menuSuperieur li a:active, div#header ul#menuSuperieur li a {
    text-decoration:none;
    font-weight:bold;
    font-family: "Arial";
}

div#header ul#menuSuperieur li a:hover{

}

div#header ul#lvl1 {padding:0; margin:0; margin-top:0px; list-style:none; height:40px; position:relative; font-family:arial, verdana, sans-serif;}
div#header ul#lvl1 li.lvl1 {display:block; float:left; height:40px; margin-right:0px;  background:#fff;}
div#header ul#lvl1 a.lvl1 {display:block; float:left; height:20px; line-height:18px;  width:139px; color:#fff; border:0px solid; text-align:center; text-decoration:none; font-size:12px; font-family: "Arial"; font-weight:bold; padding:10px 0; cursor:pointer;}
div#header ul#lvl1 li#home a.lvl1 {background:#f0037f;}
div#header ul#lvl1 li#chemin-des-memoires a.lvl1 {background:#ffff00;  color:#000;}
div#header ul#lvl1 li#quoi-faire a.lvl1 {background:#00a0c6;}
div#header ul#lvl1 li#felicitations a.lvl1 {background:#ff7f00;}
div#header ul#lvl1 li#photos-videos a.lvl1 {background:#307c1f;}
div#header ul#lvl1 li#medias a.lvl1 {background:#333333;}
div#header ul#lvl1 li#chroniques a.lvl1 {width:142px;  background:#0a50a1;}

div#header ul#lvl1 li:hover a.lvl1 {color:#fff; background: url(three_1.gif) no-repeat;}
div#header ul#lvl1 li:hover {position:relative; z-index:200;}

div#header ul#lvl1 li:hover ul.lvl2
{left:0px; top:40px; background: #4d4a4a; padding:0px; border:0px solid #000; width:auto; height:auto; z-index:300; }
div#header ul#lvl1 li:hover ul.lvl2 li, div#small ul li
{display:block; height:auto; position:relative; float:left; width:139px; font-weight:normal; border-bottom:2px solid #fff;}
div#header ul#lvl1 li:hover ul.lvl2 li a, div#small ul li a
{display:block; font-size:12px; height:auto; padding:7px 7px; line-height:18px; color:#000; text-decoration:none; }
div#header ul#lvl1 li:hover ul.lvl2 li a.fly
{background:#4d4a4a url(../images/skin/saguenayca/arrow.gif) center right no-repeat;}
div#header ul#lvl1 li:hover ul.lvl2 li a:hover 
{background:#303648; color:#fff; border-color:#6b6b6b;}
div#header ul#lvl1 li:hover ul.lvl2 li a.fly:hover
{background:#303648 url(../images/skin/saguenayca/arrow_over.gif) center right no-repeat; color:#fff;}

div#small ul
{margin-left:3px;}
div#small ul li
{width:165px;  border-bottom:3px solid #fff;}
div#small ul li a
{font-size:12px; font-weight:bold;}


div#header ul#lvl1 li#chemin-des-memoires ul.lvl2 li, div#small ul#chemin-des-memoires li {background: #ffff7f;}
div#header ul#lvl1 li#quoi-faire ul.lvl2 li, div#small ul#quoi-faire li {background: #80cfe2;}
div#header ul#lvl1 li#felicitations ul.lvl2 li, div#small ul#felicitations li {background: #fdbf6f;}
div#header ul#lvl1 li#photos-videos ul.lvl2 li, div#small ul#photos-videos li {background: #8bbc6f;}
div#header ul#lvl1 li#medias ul.lvl2 li, div#small ul#medias li {background: #dedede;}
div#header ul#lvl1 li#chroniques ul.lvl2 li {width:142px; background: #809cc9;}
div#small ul#chroniques li {background: #809cc9;}

div#small ul#chemin-des-memoires li.selected {background: #ffff00;}
div#small ul#quoi-faire li.selected {background: #00a0c6;}
div#small ul#quoi-faire li.selected a{ color:#fff;}
div#small ul#felicitations li.selected {background: #ff7f00;}
div#small ul#felicitations li.selected a{ color:#fff;}
div#small ul#photos-videos li.selected {background: #307c1f;}
div#small ul#photos-videos li.selected a{ color:#fff;}
div#small ul#medias li.selected {background: #333333;}
div#small ul#medias li.selected a{ color:#fff;}
div#small ul#chroniques li.selected {background: #0a50a1;}
div#small ul#chroniques li.selected a{ color:#fff;}

div#header ul#lvl1 li#chemin-des-memoires ul.lvl2 li a:hover, div#small ul#chemin-des-memoires li a:hover
{background:#ffff00; color:#000;}
div#header ul#lvl1 li#quoi-faire ul.lvl2 li a:hover, div#small ul#quoi-faire li a:hover
{background:#00a0c6; color:#fff;}
div#header ul#lvl1 li#felicitations ul.lvl2 li a:hover, div#small ul#felicitations li a:hover
{background:#ff7f00; color:#fff;}
div#header ul#lvl1 li#photos-videos ul.lvl2 li a:hover, div#small ul#photos-videos li a:hover
{background:#307c1f; color:#fff;}
div#header ul#lvl1 li#medias ul.lvl2 li a:hover, div#small ul#medias li a:hover
{background:#333333; color:#fff;}
div#header ul#lvl1 li#chroniques ul.lvl2 li a:hover, div#small ul#chroniques li a:hover
{background:#0a50a1; color:#fff;}

div#header ul#lvl1 li:hover li:hover ul,
div#header ul#lvl1 li:hover li:hover li:hover ul,
div#header ul#lvl1 li:hover li:hover li:hover li:hover ul,
div#header ul#lvl1 li:hover li:hover li:hover li:hover li:hover ul
{left:200px; top:-4px; background: #4d4a4a; padding:3px; border:1px solid #000; white-space:nowrap; width:200px; z-index:400; height:auto;}

div#header ul#lvl1 ul, 
div#header ul#lvl1 li:hover ul ul,
div#header ul#lvl1 li:hover li:hover ul ul,
div#header ul#lvl1 li:hover li:hover li:hover ul ul,
div#header ul#lvl1 li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}



/*~~~~~~~~~~~~~~~*/
/* Fin du header */
/*~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*~~~~~~~~~~~~~~~~~~*/
/* Début du Content */
/*~~~~~~~~~~~~~~~~~~*/

div#content{
    /*position:relative;*/
    margin-top:225px;
}

div#breadcrumb{
   height:18px;
   padding:5px 10px 15px 20px;

}

div#breadcrumb p{
   float:left;
   font-size:11px;
}

ul#breadcrumb li{
    display:inline;
    margin-right:8px;
    font-family: "Arial";
    font-size:11px;
    font-weight:bold;
    padding-left:13px;
    background: url("../images/skin/breadcrumb_separateur.png") top left no-repeat;
}

ul#breadcrumb li:first-child{
    padding-left:0px;
    background: none;
}

div#breadcrumb li a{
    font-family: "Arial";
    font-size:11px;
    font-weight:normal;
}

div#breadcrumb a:visited{
  
}

div#breadcrumb a:hover{

}

img#slogan{
    margin-bottom:25px;
}

/* ~~~~~ Menu Gauche ~~~~~ */

div#fond {
    margin-left:175px;
}

div#fond100Percent {
    margin-left:0;
}

div#small {
    color: #000;
    float:left;
    width:165px;
    height:auto;
}


/* menu gauche complet */

div#small ul#lvl1 {
    text-align: left;
    width:100%;
}

div#small ul#lvl1 li{
  
}

div#small ul#lvl1 li a{

}

div#small ul#lvl1 li ul{

}

div#small ul#lvl1 li ul li{

}

div#small ul#lvl1 li ul li a{

}

/* menu gauche complet fin */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~; */

/* menu gauche submenu */

div#small ul#lvl2 {
    text-align: left;
    width:100%;

}

div#small ul#lvl2 li{
    margin-left:15px;
    padding:5px 0;
    list-style-type:square;
}

div#small ul#lvl2 li a{


}

div#small ul#lvl2 li ul{

}

div#small ul#lvl2 li ul li{

}

div#small ul#lvl2 li ul li a{

}

/* menu gauche submenu*/


/* ~~~~~ Menu Droit de la page ~~~~~ */

div#small_droite {
    float:right;
    width:165px;
    height:120px;
    margin-right:3px;
    background: #fff;
}

/* ~~~~~~~~~ Milieu ~~~~~~~~~~~ */

div#large {
    margin-right:175px;
}

div#large100Percent {
    margin-right:0;
    float:left;
    width:100%;

}

div#clear {
    clear: both;
    height: 30px;
    border: 0px solid;
}

.clear{
    clear: both;
}

/*~~~~~~~~~~~~~~~~*/
/* Fin du content */
/*~~~~~~~~~~~~~~~~*/

/*~~~~~~~~~~~~~~~~~*/
/* Début du Footer */
/*~~~~~~~~~~~~~~~~~*/


div#footer {
   /*height: 100px;*/
   padding:0px 20px 5px 20px;
   background: #fff;
}

div#footer div{
   font-size:12px;
   font-family: "Arial";
}

div#footer ul#menuFooterTop {
    text-align:center;
}

div#footer ul#menuFooterTop li{

}

div#footer ul#menuFooterTop li a{
    text-decoration:none;
}

div#footer ul#menuFooterTop li a:hover{

}


div#footer ul#menuFooterBottom {
    line-height: 20px;
    padding:0px;
    text-align:center;
    float:right;
  
}

div#footer ul#menuFooterBottom li{
    border-left:1px solid #000;
    padding:0 5px 0 7px;
}

div#footer ul#menuFooterBottom li:first-child{
    border-left:0px;
}

div#footer ul#menuFooterBottom li a{
    font-family: "Arial";
    font-size:12px;
    text-decoration: none;
}

div#footer ul#menuFooterBottom li a:hover{

}


div#sous_footer{
    background-color:#1a1a1a;
    text-align:left;
    margin:0 auto;
    padding-top:5px;
}

img#logo_capitaleCulturelle{
    margin-left:610px;
}

#canada_pub{
    margin: 20px 0 10px 0;
}

img#logo_canada{
    float:right;
    margin-left: 30px;
}

/*~~~~~~~~~~~~~~~*/
/* Fin du Footer */
/*~~~~~~~~~~~~~~~*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* ****************************** */
/*                                */
/*      Sections spécifiques      */
/*                                */
/* ****************************** */


div.cadrePage, div.cadrePage p, div.cadrePage a, div.cadrePage div, div.cadrePage ul li span{
    font-size:12px;
    font-family: "Arial";
}

div.cadrePage{
    padding:0 20px;
}

div.cadrePage p{
    margin-bottom:15px;
}

div.cadrePage ul li{
    margin-left:15px;
    margin-bottom:5px;
    list-style-type: circle;
}

div.cadrePage ul.square li{
    list-style-type: square;
    color: #494949;
}

div.cadrePage ul li span{
    color: #000;
}

div.cadrePage ul a{
    text-decoration: underline;
}


/****** accueil *******/

div#nouvelles{
    border:0px solid #fff;
    width:556px;
    height:556px;
    position:relative;
}


div#nouvelles div img{
    
}


.dimensions{
    width:276px;
    height:276px;
    position:absolute;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    cursor: pointer;
}

div#nouvellesTopLeft{
    top:0px;
    left:0px;
    background: #1a1a1a url("../images/skin/onglet_bravo_benevoles.jpg") top left no-repeat;
}

div#nouvellesTopRight{
    top:0px;
    left:278px;
    background: #1a1a1a url("../images/skin/onglet_semaine.jpg") top left no-repeat;
}

div#nouvellesBottomLeft{
    top:278px;
    background: #1a1a1a url("../images/skin/onglet_idees.jpg") top left no-repeat;
}

div#nouvellesBottomRight{
    top:278px;
    left:278px;
    background: #1a1a1a url("../images/skin/onglet_chroniques.jpg") top left no-repeat;
}



div#nouvellesTopLeft_contenu{
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    position:absolute;
    background: #1a1a1a; 
    display:none;
}

div#nouvellesTopRight_contenu{
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    position:absolute;
    background: #1a1a1a; 
    display:none;
}

div#nouvellesBottomLeft_contenu{
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    position:absolute;
    background: #1a1a1a; 
    display:none;
}

div#nouvellesBottomRight_contenu{
    top:0px;
    left:0px;
    width:0px;
    height:0px;
    position:absolute;
    background: #1a1a1a; 
    display:none;
}


.ferme{
    display:none;
    float:right;
    margin-right:0px;
    margin-top:0px;
    cursor: pointer;
}


div#onglet_u{
    top:556px;
    left:0px;
    cursor: default;
}
div#onglet_r{
    top:556px;
    left:278px;
    cursor: default;
}
div#onglet_e{
    top:834px;
    left:0px;
    cursor: default;
}

.onglet_u_1{
    background: #1a1a1a url("../images/photoF5/onglet_u_1.jpg") top left no-repeat;
}
.onglet_u_2{
    background: #1a1a1a url("../images/photoF5/onglet_u_2.jpg") top left no-repeat;
}
.onglet_u_3{
    background: #1a1a1a url("../images/photoF5/onglet_u_3.jpg") top left no-repeat;
}
.onglet_r_1{
    background: #1a1a1a url("../images/photoF5/onglet_r_1.jpg") top left no-repeat;
}
.onglet_r_2{
    background: #1a1a1a url("../images/photoF5/onglet_r_2.jpg") top left no-repeat;
}
.onglet_r_3{
    background: #1a1a1a url("../images/photoF5/onglet_r_3.jpg") top left no-repeat;
}
.onglet_e_1{
    background: #1a1a1a url("../images/photoF5/onglet_e_1.jpg") top left no-repeat;
}
.onglet_e_2{
    background: #1a1a1a url("../images/photoF5/onglet_e_2.jpg") top left no-repeat;
}
.onglet_e_3{
    background: #1a1a1a url("../images/photoF5/onglet_e_3.jpg") top left no-repeat;
}


div#home_calendar{
    width: 395px;
    float:right;
}

div#infolettre{
    background: #ffff00;
    width:390px;
    height:72px;
    margin-top:2px;
    padding-top:20px;
}

div#liensUtiles{
    background: #f0037f;
    width:390px;
    height:30px;
    margin-top:2px;
    margin-bottom:2px;
    text-align: center;
    padding-top:15px;
}

div#banniere{
    background: #ff7f00;
    width:390px;
    height:auto;
    margin-top:2px;
    padding-top:20px;
}

div#liensUtiles a{
    color:#fff;
    font-weight:bold;
}

div#liensUtiles a:hover{
    color:#000;
}


/****Plan du site *****/

div#plan_du_site{
    margin:0 25px;
}

div#plan_du_site h1{
    padding-left:0;
    margin:0;
    padding-bottom:5px;
    border-bottom:2px solid;
}

div#plan_du_site ul{
    margin-top:20px;
}

div#plan_du_site ul li{
    margin-bottom:20px;
}

div#plan_du_site ul li a{
    font-size:15px;
    font-weight: bold;
    text-decoration:none;
}

div#plan_du_site ul li ul{
    margin-top:20px;
    margin-left:15px;
}

div#plan_du_site ul li ul li{
    margin-bottom:0px;
    list-style-type:circle;
}

div#plan_du_site ul li ul li a{
    font-size:12px;
    font-weight: normal;
}


/******** publication ***************/

div#texte_intro_publication{
    border:0px solid;
    margin:0 20px 0 20px;
    margin-top: 15px;
}

div.compteur_pages{
    margin:0 20px 10px 20px;
    padding: 3px 0;
    float:right;
}

div.compteur_pages span{
    font-weight: bold;
}


div.compteur_pages a{
    border:1px solid;
    background: #edebf1;
}
div.compteur_pages a.selected_page{
    font-weight: bold;
    border:1px solid;
    background: #bfbfbf;
}

div.compteur_pages a:hover{
    color: #000;
    background: #bfbfbf;
}

div#details_right{
    float:right;
    width:74%;
}

div#details_left{
    float:left;
    width:165px;
    margin-right:15px;
}

form#publication_cat{
    margin-left:20px;    
}


div.publication, div.publicationTete, div.publicationSuivante{
     float:left;
     width:92%;
}

div#texte_intro_publication
div.publication, div.publication a, div.publication p, div.publication div,
div.publicationTete, div.publicationTete a, div.publicationTete p, div.publicationTete div,
div.publicationSuivante, div.publicationSuivante a, div.publicationSuivante p, div.publicationSuivante div{
    font-family: "Arial";
    font-size:12px;

}

div.publication{
    border-bottom:1px solid #d1d1d1;
    margin-left:20px;
    margin-right:25px;
    padding-bottom:25px;
    padding-top:0px;
    margin-bottom:20px;
}
div.pdf{
    padding-left:60px;
    width:80%;
    background: url("../shared/images/logo_acrobat_gros.jpg") top left no-repeat;
}
div.publication h1{
    margin-left: 0;
    margin-top: 0px;
    border-bottom:0;
    padding-bottom:0px;
}

div.publication h2{
    display: inline;
}

div.publication h3{
    margin-bottom:10px;
    margin-top:0;
}

div.publication a#lien_interne{
    text-decoration: underline;
}

div.publication img#imageHeader{
    margin-bottom:5px;
    margin-right:10px;
    float:left;
}

div.publication p{
    margin-bottom:15px;
}

div.publication span{
    font-size: 10px;
    color: #7b7b7b;
}

div.publication ul{
    margin-bottom:15px;
}

div.publication ul li, div.publicationTete ul li{
    list-style-type: square;
    margin-left:15px;
    margin-top:5px;
    font-family: "Arial";
    margin-top:10px;
}

div.publication div.contact{
    font-family: "Arial";
    margin-top:10px;
}

div.lien{
    margin-left:15px;
    margin-bottom:5px;
    font-size: 11px;
}
div.lien a{
    text-decoration:underline;
}


div#infoSup{
    margin-top:20px;
}

div#infoSup h3{
    margin-bottom:0;
}
/* Publication Tete */

div.publicationTete{
    border-bottom:1px solid #d1d1d1;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:10px;
    padding-bottom:25px;
    padding-top:5px;
   /* padding-top:20px;*/
    height:auto;
    color: #000;
    width:507px;
}

div#fragment-1, div#fragment-3{
    background: #1a1a1a;
}

div#fragment-3 div.publication{
    padding-bottom:0;
    color: #fff;
    font-family: "Arial";
    margin-left:10px;
    width:507px

}

div#fragment-3 div.publication a, div#fragment-3 div.publication p{
    color: #fff;
}

div#fragment-3 div.publication a:hover{
     color: #f00;
}

div#fragment-1 div.publicationTete h2, div#fragment-3 div.publicationTete h2{
    color: #fff;
}

div.publicationTete h2{
    color: #000;
    display: inline;
}

div.publicationTete span{
    font-size: 10px;
    color: #7b7b7b;
}

div#fragment-1 div.publicationTete p, div#fragment-3 div.publicationTete p{
    color: #fff;
}

div.publicationTete p{
    color: #000;
}

div#fragment-1 div.publicationTete a, div#fragment-3 div.publicationTete a{
    color: #fff;
}

div#fragment-1 div.publicationTete a:hover, div#fragment-3 div.publicationTete a:hover{
    color: #f00;
}

div#fragment-1 div.publicationTete, div#fragment-3 div.publicationTete{
    color: #fff;
}

div.publicationTete a{
    color: #000;
    cursor: pointer;
}

div.publicationTete a:hover, div.publicationSuivante div a:hover, div.publicationTete a:hover h2{
    color: #f00;
}

div#fragment-3 div.publicationTete a:hover h2, div#fragment-3  div.publicationSuivante div a:hover{
    color: #f00;
}

div.publicationTete p img{
    float:left;
    margin-right:10px;
}

/* Publication Suivante */

div.publicationSuivante{
    margin-left:10px;
    margin-right:25px;
    margin-bottom:10px;
    padding-bottom:0px;
    padding-top:0px;
    float:left;
    color: #fff;
    width:505px;
}

div.publicationSuivante span{
    font-size: 11px;
    color: #7b7b7b;
}

div#fragment-1 div.publicationSuivante div a, div#fragment-3 div.publicationSuivante div a{
    color: #fff;
}

div#fragment-2 div.publicationSuivante, div#fragment-4 div.publicationSuivante{
    color: #000;
}

div.publicationSuivante div a{
    color: #000;
    font-weight:bold;
}

div.publicationSuivante div:first-child{
    color: #fff;
    float:left;
    width:100px;
}
div.publicationSuivante div{
    color: #fff;
    float:right;
    width:390px;
}

div#fragment-1 a#see_all, div#fragment-3 a#see_all{
    color: #fff;
}

a#see_all{
    color: #000;
    text-decoration: underline;
    float: right;
}

a#see_all:hover{
    color: #f00;
}

a#savoirPlus{
    text-decoration: underline;
}

.underline{
    text-decoration: underline;
}

/****** événement  *****/

div.evenement{
    margin-bottom:20px;
    border:1px solid #fff;
    border-bottom:1px solid #d1d1d1;
    float:left;
    width:695px;
    padding-bottom:20px;
}

/*
div.evenement:hover{
    background: #f0f0f0;
    border:1px solid #d1d1d1;
}*/
/*
div.padding_evenement{
    padding:10px 10px 0 10px;

}*/

div.evenement h2{
    padding-top:5px;
    float:left;
}

div.evenement h3 a{
    font-size:14px;
    text-decoration:underline;
}

div.evenement div.horaire b{
    float:left;
}

div.evenement div.horaire ul li ul{
     margin-left: 30px;
}

div.evenement div.horaire ul li ul li span{
     float:left;
}

div.evenement ul{
    margin-bottom:15px;
    margin-left: -15px;
}

div.evenement ul li{
    list-style: none;
}

div.evenement ul li ul{
    margin-left: -15px;
}

div.evenement ul li ul li{
    list-style-type: none;
}

div.evenement div.evenement_dates{
    font-weight:bold;
    margin-bottom:15px;
}

div.evenement div.invisible{
    display:none;
}

div.evenement div.visible{
    display:block;
}

p.buttons_hide_show img{
    cursor: pointer;
    margin-top:15px;
}



/********calendrier************/

#home_calendar h1{
    margin-left: 0;
    margin-bottom:15px;
}

#home_calendar div#group_calendar div#calendar_search{
    margin-left: -45px;
}

#home_calendar div#group_calendar div#calendar_legend{
    display: none;
}

div#group_calendar{
    position:relative;
}

div#calendar_legend{
    -moz-border-radius: 10px;
    position:absolute;
    left:520px;
    top:0px;
    width:220px;
    font-family: "Arial";
    font-size:12px;
    border:1px solid #cbcbcb;
    padding:5px;
}

div#calendar_legend img{
    margin-bottom:55px;
}

div#calendar_search{
    position:absolute;
    left:260px;
    top:0px;
    width:60%;
    font-family: "Arial";
    font-size:12px;
}

div#calendar_search h3{
    margin-top:0;  
}

div#calendar_search input{
    margin-bottom:5px;
}

div#calendar_search input.disabled{
    background: #e8e8e8;
}

div#calendar_search input.button_calendar{
    height:20px;
    width:auto;
    border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
    margin-left:50px;
    margin-top:10px;
}

img#liste_detaille, img#liste_detaille_fermer{
    float:right;
    cursor: pointer;
    margin-bottom:0px;
}

.inputCalendar{
    float:left;
    width:50px;
}

table.cal td {
	font-family: "Arial";
	padding: 3px;
        
}

#calback {
	background: #FFF url('calWaiting.gif') no-repeat 50% 100px;
	margin: 0 auto;
	width: 350px;
}

#calendar {
	width: 100%;
	height: auto;
        margin-bottom:30px;
        min-height: 180px;
}

#calendar_details {
	width: auto;
	height: auto;
}

#calendar_details h1{
	margin-left:0;
        margin-bottom: 10px;
}

#calendar_details h2{
        font-size: 15px;
	width:60px;
        float:left;
}

#calendar_details h3{
	margin-top:0;
}

.cal {
	background: #000;
	width: 30%;
       
}

.cal td{
    
}

.calhead {
	width: 100%;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;      
}

.calhead td div{
	color: #FFF;
        
}

.calhead td img{
	cursor: pointer;    
}

.calhead img {
	border: none;
}

.current{
    font-weight:bolder;
}


td.current div, td.current div a{
    color: #f00;
}

.dayhead {
	height: 15px;
	background: #EEE;
}

.dayhead td {
	text-align: center;
	color: #000;
        border-bottom:1px solid #000;
        border-right:1px solid #000;
}

.dayhead td:first-child {
         border-left:1px solid #000;
}

.dayrow {
	background: #FFF;
	height: 15px;
}

.dayrow td {
	width: 50px;
	color: #000;
	font-size: 12px;
        border-bottom:1px solid #000;
        border-right:1px solid #000;
}

.dayrow td:first-child {
        border-left:1px solid #000;
}

.day {
	text-align:right;
       /* float:right;*/
}

.dayover {
	background: #EEE;
}

.dayout {
	background: #FFF;
}

.dayevent {
	background: #ed9100;
}

.day a{
 display:block;
}

.hautDePage{
    float:right;
    text-decoration:underline;
    margin-right: 10px;
}

div#logo_autorise div{
    float:left;
    border:1px solid;
    margin-right:10px;
    padding:5px;
    height:170px;
    width:192px;
    
}



/***** form infolettre *****/

form#newsletter{
    margin-left: 20px;
}

fieldset {
    float: left;
    clear: left;
    width: 100%;
    margin: 0 0 0 0;
    padding:0;
}
legend {
    margin-left: 1em;
    color: #000000;
    font-weight: bold;
}
fieldset ol {
    padding: 1em 1em 0 0em;
    list-style: none;
    float: left;
    margin:0;
}

fieldset li {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 10px;
}
fieldset.submit {
    float: none;
    width: auto;
    border: 1px solid #000;
}
fieldset input {
    width: 300px;
}


input.submit {
    width: 90px;
    height: 20px;
}

label{
    float: left;
    width: 7em;
    margin-right: 1em;

}

label span{
    color :#d20000;    
}

fieldset fieldset li {
    padding-bottom:20px;
}

fieldset fieldset input {
    width: auto;
    border: none;
    float: left;
}

fieldset fieldset label {
    text-align: left;
    width: 710px;
    margin-right: 10px;
    margin-left:5px;
}

fieldset fieldset label.radio {
    width: auto;
}

fieldset fieldset div {
    margin-top:20px;
    float: left;
    margin-left:25px;
}

fieldset fieldset p {
    float: left;
}

/********* classes pratiques *************/


/****************************/
/* Coordonnées des services */
/****************************/

.ligneCouleur{
    padding: 3px 4px;
    margin: 7px 0;
    font-weight:bold;
    background: #c4c4c4;
}

.box{
    width:48%;
    float:left;
    padding-right:5px;
}

.box_border{
    width:48%;
    float:left;
    border-left:1px solid;
    padding-left:10px;
}

.box_separateur{
    float:left;
    width:100%;
}

.box img.floatLeft, .box_border img.floatLeft{
    margin-bottom:10px;    
}

.box a, .box_border a{
    text-decoration:underline;
}

.coordonneeSeul{
    margin-left: 4px;
    line-height:18px;
}

.floatLeft{
    float:left;
    margin-right: 10px;
}

.floatRight{
    float:right;
    margin-left: 10px;   
}

.clearBoth{
    clear:both;
}

.clearRight{
    clear:right;
}

.encadre{
    border:1px solid;
    padding:10px;
}

.underline{
    text-decoration:underline;
}



/***** Album photo ********/


ul#album li{
    list-style-type:none;
    margin-bottom:20px;
}

ul#album img{
    border:1px solid #000;
    margin-top:5px;
    margin-bottom:5px;
}

div#album div{
   width: 150px;
   text-align:center;
   padding:5px;
   margin:10px;
}

div#album table{
    margin-left:-20px;
}

div#album td{
    text-align:center;
    vertical-align: middle;
}

div#album img{
   border:1px solid #000;
}

/* player container */

div.videotheque_vid{
    width:165px;
    border:1px solid #d1d1d1;
    padding:5px;
    text-align:center;
    margin-right:10px;
    float:left;

}
img.videotheque_thumb{
    width:150px;
    height:100px;
}

div#player {
	height:336px;
	width:390px;
	cursor:pointer;
	text-align:center;
        margin:0px 2px 0 1px;
}

/* player container */
div#playerWide {
	height:273px;
	width:432px;
	cursor:pointer;
	text-align:center;
	margin:0px 2px 0 1px;
}

.playerDefault{
    background: #fff url("../images/playerBackground49.jpg") 0 0 no-repeat;
}
.playerRacine{
    background: #fff url("../images/playerBackground3_videoRacine.jpg") 0 0 no-repeat;
}
.playerLobe{
    background: #fff url("../images/playerBackground4_videoLobe.jpg") 0 0 no-repeat;
}
.playerDanse{
    background: #fff url("../images/playerBackground5_videoDanse.jpg") 0 0 no-repeat;
}
.playerTortue{
    background: #fff url("../images/playerBackground6_videoTortue.jpg") 0 0 no-repeat;
}
.playerGrosGroupe{
    background: #fff url("../images/playerBackground7_videoGrosGroupe.jpg") 0 0 no-repeat;
}
.playerEveilleCulture{
    background: #fff url("../images/playerBackground8_videoEveil.jpg") 0 0 no-repeat;
}
.playerJeunesArvida{
    background: #fff url("../images/playerBackground9_videoArvida.jpg") 0 0 no-repeat;
}
.playerHarmonie{
    background: #fff url("../images/playerBackground10_videoHarmonie.jpg") 0 0 no-repeat;
}
.playerCultureEducation{
    background: #fff url("../images/playerBackground11_videoCultureEducation.jpg") 0 0 no-repeat;
}
.playerCapsLock{
    background: #fff url("../images/playerBackground12_videoCapsLock.jpg") 0 0 no-repeat;
}
.playerMaisonFaceAuNord{
    background: #fff url("../images/playerBackground13_videoMaisonFaceAuNord.jpg") 0 0 no-repeat;
}
.playerJeMeSouviensPulperie{
    background: #fff url("../images/playerBackground14_videoJeMeSouviensPulperie.jpg") 0 0 no-repeat;
}
.playerJourneeMusee{
    background: #fff url("../images/playerBackground15_videoJourneeDesMusee.jpg") 0 0 no-repeat;
}
.playerPharmacieDantan{
    background: #fff url("../images/playerBackground16_videoPharmacieDantan.jpg") 0 0 no-repeat;
}
.playerMonstresMarins{
    background: #fff url("../images/playerBackground17_videoMonstresMarin.jpg") 0 0 no-repeat;
}
.player50AnsDamour{
    background: #fff url("../images/playerBackground18_video50AnsDamour.jpg") 0 0 no-repeat;
}
.playerJourneeInterculturelle{
    background: #fff url("../images/playerBackground19_videoJourneeInterculturelle.jpg") 0 0 no-repeat;
}
.playerSocieteHistorique{
    background: #fff url("../images/playerBackground20_videoSocieteHistorique.jpg") 0 0 no-repeat;
}
.playerClique{
    background: #fff url("../images/playerBackground21_videoClique.jpg") 0 0 no-repeat;
}
.playerSidanse{
    background: #fff url("../images/playerBackground22_videoSidanse.jpg") 0 0 no-repeat;
}
.playerRouteMaritime{
    background: #fff url("../images/playerBackground23_videoRouteMaritime.jpg") 0 0 no-repeat;
}
.playerPatrimoineScenique{
    background: #fff url("../images/playerBackground24_videoPatrimoineScenique.jpg") 0 0 no-repeat;
}
.playerMediumMarge{
    background: #fff url("../images/playerBackground25_videoMediumMarge.jpg") 0 0 no-repeat;
}
.playerQuandOnEstQuatre{
    background: #fff url("../images/playerBackground26_videoQuandOnEstQuatre.jpg") 0 0 no-repeat;
}
.playerNuitUrbaine{
    background: #fff url("../images/playerBackground27_videoNuitUrbaine.jpg") 0 0 no-repeat;
}
.playerKakushak{
    background: #fff url("../images/playerBackground28_videoKakushak.jpg") 0 0 no-repeat;
}
.playerTraficArt{
    background: #fff url("../images/playerBackground29_videoTraficart.jpg") 0 0 no-repeat;
}
.playerSymphonieArthur{
    background: #fff url("../images/playerBackground30_videoSymphonieArthur.jpg") 0 0 no-repeat;
}
.playerRoyaumeCreateur{
    background: #fff url("../images/playerBackground31_videoRoyaumeCreateur.jpg") 0 0 no-repeat;
}
.playerJourneeMulticulture{
    background: #fff url("../images/playerBackground32_videoJourneeMulticulture.jpg") 0 0 no-repeat;
}
.playerProfondeurFjord{
    background: #fff url("../images/playerBackground33_videoProfondeurFjord.jpg") 0 0 no-repeat;
}
.playerBulles{
    background: #fff url("../images/playerBackground34_videoBulles.jpg") 0 0 no-repeat;
}
.playerNuitCulture{
    background: #fff url("../images/playerBackground35_videoNuitCulture.jpg") 0 0 no-repeat;
}
.playerAffluents{
    background: #fff url("../images/playerBackground36_videoAffluents.jpg") 0 0 no-repeat;
}
.playerMilane{
    background: #fff url("../images/playerBackground37_videoMilane.jpg") 0 0 no-repeat;
}
.playerArtMirroir{
    background: #fff url("../images/playerBackground38_videoArtMirroir.jpg") 0 0 no-repeat;
}
.playerZoomPhotoFestival{
    background: #fff url("../images/playerBackground39_videoZoomPhotoFestival.jpg") 0 0 no-repeat;
}
.playerMainsCoeursVisages{
    background: #fff url("../images/playerBackground40_videoMainsCoeursVisages.jpg") 0 0 no-repeat;
}
.playerMetsEtMots{
    background: #fff url("../images/playerBackground41_videoMetsEtMots.jpg") 0 0 no-repeat;
}
.playerPerceeAvenir{
    background: #fff url("../images/playerBackground43_videoPerceeAvenir.jpg") 0 0 no-repeat;
}
.playerHommageBatisseur{
    background: #fff url("../images/playerBackground42_videoHommageBatisseur.jpg") 0 0 no-repeat;
}
.playerDocumentaire{
    background: #fff url("../images/playerBackground44_videoDocumentaire.jpg") 0 0 no-repeat;
}
.playerRouteMaritimeTerre{
    background: #fff url("../images/playerBackground45_videoRouteMaritime.jpg") 0 0 no-repeat;
}
.playerSalonMetierArt{
    background: #fff url("../images/playerBackground46_videoSalonMetierArt.jpg") 0 0 no-repeat;
}
.playerTrace{
    background: #fff url("../images/playerBackground47_videoTrace.jpg") 0 0 no-repeat;
}
.playerBandeAPart{
    background: #fff url("../images/playerBackground48_videoBandaAPart.jpg") 0 0 no-repeat;
}
.playerPassageTemps{
    background: #fff url("../images/playerBackground49_videoPassageTemps.jpg") 0 0 no-repeat;
}
.none{
    background: none; 
}

/* play button */
div#player img {
	margin-top:100px;
}

/* info area */
div#player div.info {
	height:48px;
	/*background:#000 url(/img/global/gradient/h80.png) repeat-x;*/
	background:#000;
	opacity:0.7;
        filter : alpha(opacity=70);
	color:#fff;
	margin-top:90px;
        margin-left:2px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:2px solid #ccc;
}

/* duration data inside info area */
div#player div.info span{
	color:#fff;
	display:block;
	font-weight:bold;
}


/* play button */
div#playerWide img {
	margin-top:65px;
}

/* info area */
div#playerWide div.info {
	height:48px;
	/*background:#000 url(/img/global/gradient/h80.png) repeat-x;*/
	background:#000;
	opacity:0.5;
        filter : alpha(opacity=70);
	color:#fff;
	margin-top:60px;
        margin-left:2px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:2px solid #ccc;
}

/* duration data inside info area */
div#playerWide div.info span{
	color:#fff;
	display:block;
	font-weight:bold;
}


#at16p .atbtn{
    height:30px;
}

div#containerNews{
    float:left;
    height:433px;
}





#overlay {
	display:none;
	top: 0; right: 0; bottom: 0; left: 0;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	width: 100%;
	z-index: 100;
}
#blanket {
	background-color: #000000;
	filter: alpha(opacity = 80);
	top: 0;
	bottom: 0;
	left: 0;
	display: block;
	opacity: 0.8;
	position: absolute;
	width: 100%;
}

.buttons{
    margin-left:20px;
}
.dialog {
	display: block;
	margin: 100px auto;
	position: relative;
	width: 700px;
	padding: 20px;
        padding-bottom:40px;
	background: white;
	-moz-border-radius: 10px;
}


div.cadrePage div.evenement ul{
    margin-bottom:10px;
    margin-left:0px;
}
div.cadrePage div.evenement ul li{
    list-style-type: square;
    margin-left:15px;
    margin-top:5px;
    font-family: "Arial";
    margin-top:10px;
}