/* Citoyen */

h3{
    padding-bottom:5px;
    border-bottom:3px solid #03416b;
    width:82%;
}

body{
    margin: 0 auto;
    width:100%;
    font-family:verdana,arial,helvetica;
    font-size:12px;
   /* background: #bdbdbd; */
    background: #d1d1d1;
    border: 0px solid;

    text-align:center;
}

div#fondBanniere{
 background: url("../images/skin/fond_banniere.jpg");
 width:100%;

}

div#frame{
    width:990px;
    background-color:#fff;
    border: 0px solid #000;
    margin: 0 auto;
    position:relative;
}

div#cadrage_top_left{
    background: url("../images/skin/maville/cadrage_top_left.gif") 0 0 no-repeat;
    height:36px;
}

div#cadrage_top_right{
    background: url("../images/skin/maville/cadrage_top_right.gif") top right no-repeat;
    height:36px;
}

div#cadrage_left{
    background: #fff url("../images/skin/maville/cadrage_left.gif") top left repeat-y;
}

div#cadrage_right{
    background: url("../images/skin/maville/cadrage_right.gif") top right repeat-y;
}

div#cadrage_bottom_left{
    background: url("../images/skin/maville/cadrage_bottom_left.gif") 0 0 no-repeat;
    height:43px;
}

div#cadrage_bottom_right{
    background: url("../images/skin/maville/cadrage_bottom_right.gif") top right no-repeat;
    height:43px;
}

div#frame_interieur{
    border: 0px solid;
    padding: 0px 20px 0 25px;
    text-align:left;
    background: url("../images/degrade_bleu_topofPage2.jpg") 25px 0 no-repeat;
}

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


div#header{
   background: url("../images/skin/maville/entete.gif") 0 0 no-repeat;
   padding-top:10px;
}
/*
div#header{
   background: url("../images/skin/maville/entete2.gif") 0 0 no-repeat;
   padding-top:10px;
} 
 */
div#header ul li, div#footer ul li {
    display: inline;
}

/* ~~~~~Menu Supérieur ~~~~~*/


img#logo_ville_saguenay{
    float:left;
}

div#header ul#menuSuperieur{
    margin-left:400px;
    margin-right:7px;
    padding:0px 0px 0px 0;
    text-align:right;
    border-right:2px solid #000;

}

div#header ul#menuSuperieur li{
    border-left:2px solid #000;
    margin:0px 0px 0px 0;
    padding:0px 5px 0 9px;
    color:#000;
}


div#header ul#menuSuperieur li a:active, div#header ul#menuSuperieur li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#0c2c41;
    text-decoration: none;
    font-weight: bold;
}

div#header ul#menuSuperieur li a:hover{
    color:#cc0000;
    text-decoration: none;
}

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

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

div#rechercheGoogle div{
    float:right;
    position:relative;
}

div#rechercheGoogle input[type=text]{
    border: 1px solid #0f334b;
    color:#2065A3;
    font-size: 12px;
    margin-top:25px;
    width:150px;
    height:15px;
    position:absolute;
    top:-8px;
    left:-155px;
}


/*
div#rechercheGoogle div#boutonGoogle{
    position:absolute;
    left:170px;
}
*/
div#rechercheGoogle input#rechercher{
    background: url("../images/skin/maville/bouton_loupe.gif") 0 0 no-repeat;
    border: none;
    height:46px;
    width:45px;
    margin-top:-2px;
    margin-right:10px;

}

div#rechercheGoogle input#rechercher:hover{
    background: url("../images/skin/maville/bouton_loupe_over.gif") 0 0 no-repeat;
    cursor: pointer;
}


/*  ~~~~~~~~Menu inférieur~~~~~~ */

/*
div#menu_header_corner_left{
    background: url("../images/skin/maville/menu_superieur_background.gif") top left repeat;
    height:29px;
    border: 0px solid #000;
    margin-top: 55px;
}

*/

div#menu_header_corner_left{
    background: url("../images/skin/maville/menu_superieur_background.gif") top left repeat;
    height:29px;
    border: 0px solid #000;
    margin-top: 55px;
}

div#menu_header_corner_right{
    background: url("../images/skin/maville/menu_superieur_background.gif") top right repeat;
    border: 0px solid #000;
    height:29px;
}

ul#menuInferieur {
    margin-left:14px;
    text-align: center;
    border: 0px solid #000;
    float:left;

}

ul#menuInferieur li{
    padding:6px 12px 6px 12px;
    color: #ffffff;
    border: 0px solid #000;
    border-right: 1px solid #fff;
    float:left;
    background:  url("../images/skin/maville/menu_superieur_background.gif") 0 0 repeat;
}

ul#menuInferieur li:hover{
    background:  url("../images/skin/maville/menu_superieur_background_roll.gif") 0 0 repeat;
}

ul#menuInferieur li:first-child{
    border-left: 1px solid #fff;
}

ul#menuInferieur li a{
   /* font-family: "Arial, Verdana, Helvetica, sans-serif";*/
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    padding: 0;
}
  
ul#menuInferieur li a:hover{
    color: #ffffff;
}

body#citoyen li#nav_citoyen {
    background:  url("../images/skin/maville/menu_superieur_background_roll.gif") 0 0 repeat;
}

body#citoyen li#nav_citoyen a:hover{
    color:#000;
}


/*~~~~~~~~~~~~~~~~~~*/
/* Début du content */
/*~~~~~~~~~~~~~~~~~~*/

div#content{
   background: #ffffff;
   margin: 0px 0px 0 0px;
}

div#breadcrumb{
     background: #8aa7bb;
    padding:8px 10px 4px 10px;
    font-size: 10px;
    text-decoration:none;
    text-align: left;
}

div#breadcrumb span{
    font-size: 10px;
    font-family: verdana, arial, helvetica;
    color: #000000;
}

div#breadcrumb a{
    font-size: 10px;
    font-family: verdana, arial, helvetica;
    color: #000000;
    text-decoration:none;
}

div#breadcrumb a:visited{
    color: #000;
}

div#breadcrumb a:hover{
    color: #f00;
}

div#breadcrumb div#heure{
    font-size: 10px;
    margin-top:3px;
    float:right;
}

div#niv2_top_left{
    background: #d9dde1 url("../images/skin/maville/fond_niv2_top_left.gif") 0 0 no-repeat;
    height:13px;
}

div#niv2_top_right{
    background: url("../images/skin/maville/fond_niv2_top_right.gif") top right no-repeat;
    height:13px;
}

div#niv2_bottom{
    background: #37485a url("../images/skin/maville/fond_niv2_bottom.gif") 0 0 repeat;
    height:19px;
}

div#niv3_top_left{
    /*background: #d9dde1 url("../images/skin/maville/fond_niv3_top.gif") 0 0 repeat;*/
    height:7px;
    border-bottom: 1px solid #000;
    background: #8aa7bb;
    /*margin-right:172px; */
}

div#niv3_top_right{
  /* background: url("../images/skin/maville/fond_niv3_top_right.gif") top right no-repeat;*/
    height:7px;
}

div#niv3_left_accueil{
    background: #ffffff url("../images/skin/maville/fond_niv3_left.gif") 0 0 repeat-y;
}

div#niv3_left{
    background: #ffffff url("../images/skin/maville/fond_niv3_left.gif") 0 0 repeat-y;
    /*margin-right:172px;*/
}

div#niv3_left_calendar{
    background: #ffffff url("../images/skin/maville/fond_niv3_left_calendar.jpg") 0 0 repeat-y;
    /*margin-right:172px;*/
}

body.developpementdurable div#niv3_left{
    background: #ffffff url("../images/skin/maville/fond_niv3_left_emploi.gif") 0 0 repeat-y;

}

div#niv3_right{
    /*background: url("../images/skin/maville/fond_niv3_right.gif") top right repeat-y;*/
}

div#niv3_bottom_left{
    background: #d9dde1 url("../images/skin/maville/fond_niv3_bottom_left.gif") 0 0 no-repeat;
    height:28px;
    margin-right:172px;
    margin-bottom: 10px;
}

div#niv3_bottom_right{
    background: url("../images/skin/maville/fond_niv3_bottom_right.gif") top right no-repeat;
    height:28px;
}

div#small {
    color: #000;
    float:left;
    width:190px;
}

div#small div#menuGauche_entete{
    height:10px;
    font-size:13px;
    text-align: left;
    color: #fff;
    line-height:15px;
    font-weight:bold;
    padding:0px 0px 0px 15px;
   /* background: url("../images/skin/maville/menu_gauche_entete.gif") 0 0 no-repeat; */
    margin-top:5px;
}


div#small div#menuGauche_bottom{
    height:10px;
  /*  background: url("../images/skin/maville/menu_gauche_bottom.gif") 0 0 no-repeat;*/
}

div#small div#menu_bottom{
    height:0px;
}

div#small div#menuGauche_suite{
    background: #ffffff url("../images/skin/maville/fond_niv3_left.gif") 0 0 repeat-y;
}

div#small ul#menuGauche {
    text-align: left;
    padding:0px 12px 15px 19px;
}

div#small ul#menuGauche a{ 
    color: #03416b;
    text-decoration:none;
    line-height:15px;
    font-size: 11px;
    display:block;
    padding-bottom:5px;
}

div#small ul#menuGauche a:hover{
    color: #b21a1a;
}

div#small ul#menuGauche li {
    border: 0px solid #000;
    border-bottom: 2px solid #03416b;
    padding:7px 0 5px 10px;
    margin-left:5px;
    list-style-image : url("../images/skin/maville/menu_gauche_puce.gif");
}

div#small ul#menuGauche li#selected {
    list-style-image : url("../images/skin/maville/menu_gauche_puce_roll.gif");

    padding-bottom: 0;
}


div#small ul#menuGauche li#selected a{
    color: #b21a1a;
}
 
div#small ul#menuGauche li:first-child {
    padding-top: 0px;
}

div#small ul#menuGauche li ul{
    margin: 5px 0px 0px -30px;
    text-align:left;
    padding-left:20px;
    padding-bottom: 0px;
}

div#small ul#menuGauche li ul li{
    font-size: 10px;
    list-style-image : url("../images/skin/maville/menu_gauche_enfant_puce.gif");
    border-bottom: 0px solid #bbb;
    border-top: 1px dotted #bbb;
    padding-top: 0px;
    padding-bottom: 0;
    padding-right: 7px;
    text-align:left;
}

div#small ul#menuGauche li ul li#selected {
    list-style-image : url("../images/skin/maville/menu_gauche_enfant_puce_roll.gif");
    border-bottom: 0 solid;
}

div#small ul#menuGauche li ul li#selected a{
    color: #d41313;
}

div#small ul#menuGauche li ul li a{
    font-size:10px;
    color: #000;
    border: 0px solid #000;
    display:block;
    padding-bottom:4px;
}   

div#small ul#menuGauche li#selected ul li a{
    font-size:10px;
    color: #03416b;
    border: 0px solid #000;
    display:block;
    padding-bottom:4px;
}

div#small ul#menuGauche li#selected ul li a:hover{
    color: #b21a1a;
}

div#small ul#menuGauche li#selected ul li#selected a{
    color: #b21a1a;
}

div#large {
    margin: 0px 0px 5px 190px;
    padding-top:0px;
    border: 0px solid #000;
    color: #000;
    text-align: left;
    line-height:15px;
    
}

div#enteteSection{
    width:755px;
    font-size:16px;
    text-align: left;
    color: #000;
    padding:0;
    height:60px;
    border:0px solid;
    margin-bottom:20px;
}


div#enteteSection div{
   padding: 8px 172px 3px 5px;
   margin-left:5px;
   border-bottom:3px solid #03416b;
   height:46px;
}

div#enteteSection div h1{
   font-size: 18px;
   color: #1f3a48;

}

    /*******************/
    /* entete sections */
    /*******************/
     
    .enteteSection755{
        background: url("../images/skin/pages_entete/page_section_entete_755.jpg") top right no-repeat;
    }
    
    .enteteSectionEcrire{
        background: url("../images/skin/pages_entete/page_section_entete_ecrire.jpg") top right no-repeat;
    }
    
    .enteteSectionEnvironnement{
        background: url("../images/skin/pages_entete/page_section_entete_environnement.jpg") top right no-repeat;
    }
    
    .enteteSectionHandicape{
        background: url("../images/skin/pages_entete/page_section_entete_handicape.jpg") top right no-repeat;
    }
    
    .enteteSectionTaxation{
        background: url("../images/skin/pages_entete/page_section_entete_taxation.jpg") top right no-repeat;
    }
    
    .enteteSectionHabitation{
        background: url("../images/skin/pages_entete/page_section_entete_habitation.jpg") top right no-repeat;
    }
    
    .enteteSectionArbres{
        background: url("../images/skin/pages_entete/page_section_entete_arbres.jpg") top right no-repeat;
    }
    
    .enteteSectionEgout{
        background: url("../images/skin/pages_entete/page_section_entete_egouts.jpg") top right no-repeat;
    }
    
    .enteteSectionRues{
        background: url("../images/skin/pages_entete/page_section_entete_rues.jpg") top right no-repeat;
    }
    
    .enteteSectionIncendie{
        background: url("../images/skin/pages_entete/page_section_entete_incendie.jpg") top right no-repeat;
    }
    
    .enteteSectionPublique{
        background: url("../images/skin/pages_entete/page_section_entete_publique.jpg") top right no-repeat;
    }
    
    .enteteSectionCommunautaire{
        background: url("../images/skin/pages_entete/page_section_entete_communautaire.jpg") top right no-repeat;
    }
    
    .enteteSectionSport{
        background: url("../images/skin/pages_entete/page_section_entete_sport.jpg") top right no-repeat;
    }
    
    .enteteSectionArtCulture{
        background: url("../images/skin/pages_entete/page_section_entete_ArtCulture.jpg") top right no-repeat;
    }
    
    .enteteSectionReglement{
        background: url("../images/skin/pages_entete/page_section_entete_reglement.jpg") top right no-repeat;
    }
    
    .enteteSectionTerrainJeu{
        background: url("../images/skin/pages_entete/page_section_entete_terrain_jeu.jpg") top right no-repeat;
    }
    
    
    
   /***********************/
   /* Fin entete sections */
   /***********************/  
    

.gris_left{
    background: url("../images/skin/maville/page_section_entete_left.gif") 0 0 no-repeat;
    height:48px;
    margin-top:4px;
}

.gris_right{
    background: url("../images/skin/maville/page_section_entete_right.gif") top right no-repeat;
    height:48px;
}


/* ~~~~~ Menu Droit ~~~~~ */

div#small_droite {
    color: #000;
    position:absolute;
    left:795px;
    top: 210px;
    width:172px;
    padding:0 2px 0 0px;
    text-align:center;
}

div#small_droite_test {
    color: #000;
    width:172px;
    padding:0 2px 0 0px;
    text-align:center;
    float:right;
    margin-right:1px;
    margin-top:-18px;
}

body.developpementdurable div#small_droite{
    display:none;
}

div#small_droite ul#menu_lienRapide {
    text-align: left;
    margin-left:16px;
    margin-top:3px;
}

div#small_droite ul#menu_lienRapide li {
    vertical-align: text-top;
    list-style: square;
    margin-left:0px;
    padding-bottom: 2px;
    font-size: 10px;
}

div#small_droite ul#menu_lienRapide a {
    text-decoration:none;
    font-size:10px;
    display:block;
    color: #000;
    /*border-bottom: 2px solid #206519;*/
}

div#small_droite ul#menu_lienRapide a:hover{
    color: #f00;
}

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

div.clear {
    clear: both;
    height: 10px;
    border: 0px solid;
}


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

div#topPage{
    background: url("../images/skin/maville/top.jpg") 0 0 repeat-x;
    height:10px;
}

div#piedPage{
    background: url("../images/skin/maville/bottom.gif") 0 0 repeat-x;
    height:10px;
}

div#footer {
   text-align: center;
   font-size:10px;
   border: 0px solid #000;
   background: #b7c7d2;
   height:140px;
   padding-top: 10px;
   padding-left:10px;
}

div#footer ul#menuLiensAdditionnels {
    border: 0px solid #000;
}

div#footer ul#menuLiensAdditionnels li{
    display: block;
}

div#footer ul#menuLiensAdditionnels li a{
    text-decoration: none;
    font-size:10px;
}

div#footer ul#menuLiensAdditionnels li a:hover{
    color: #f00;
}

body#maville li#navFooter_maville a {
   font-weight:bold;
}

body#maville li#nav_maville a:hover {
    color: #f00;
}

div#footer ul#menuNavigation {
    color: #000;
    float:left;
    text-align:left;
}

div#footer ul#menuNavigation li{
    display: block;    
}

div#footer ul#menuNavigation li:last-child{
    border-right: 0px solid #fff;
}

div#footer ul#menuNavigation li a{
    text-decoration: none;
    font-size:10px;
}

div#footer ul#menuNavigation li a:hover{
    color: #f00;
}

img#hotel_ville {
    float:left;
    margin-left:3px;
    border: 3px double;
}

div#footer div {
    margin-left: 10px;
    margin-right:40px;
    float:left;
    font-size:10px;
    text-align: left;
    line-height: 12px;
    padding-bottom: 5px;
}

div#footer div span{
    color: #37485a;
    font-weight:bold;
    font-size:11px;
    margin-bottom: 10px;
    display:block;
}

div#footer div a{
    font-size:10px;
    text-decoration:none;
}

#srchResult iframe {
    width: 550px;
    float:left;
}

#srchResult iframe {
    width: 550px;
    float:left;
}

iframe#calendrier{
   /* background: #ffffff url("../images/skin/maville/fond_niv3_left.gif") 0 0 repeat; */
    width:185px;
    height: 420px;
    margin-right: 5px;
}


/***********/
/* Accueil */
/***********/

div#banniereCitoyen{
    float:right;
    width:205px;
}

div#citoyenBoiteAccueil{
    width:547px;
   /* background: #fff url("../images/skin/maville/fond_boite_accueil_maville.jpg") top left no-repeat;*/
    float:left;
    margin-top:-7px;
    margin-left:5px;
    /*border-top: 1px double;
    border-right: 1px double;
    border-left: 1px double;*/
}

div#citoyenBoiteAccueilBottom{
    width:555px;
    height:115px;
    float:left;
    background: #fff url("../images/skin/maville/fond_boite_accueil_mavilleBottom.jpg") top left no-repeat; 
}


div.cadrePage div#citoyenBoiteAccueil ul{
    text-align: left;
    margin: 3px 0 10px 18px;
}

div.cadrePage div#citoyenBoiteAccueil li{
    list-style: square;
    padding-bottom: 0px;
    font-size: 10px;
}

div.cadrePage div#citoyenBoiteAccueil li a{
    font-size: 10px;
    text-decoration:none;
}

div#boiteAnnoncesVille{
    width:323px;
    margin-right:10px;
    padding:6px 12px 10px 12px;
    background: url("../images/skin/maville/fond_entete_orange.jpg") top left repeat-x; 
    float:left;
   /* border-right: 3px double;*/
}

div#boiteAnnoncesVilleTitre{
    font-weight:bold;
    color:#fff;
    font-size:14px;
    margin-bottom:20px;
}

iframe#calendrierAccueil{
    margin-left:10px;
    height:385px;
    float:left;
}

div#citoyenColonneGauche{
    float:left;
    width:340px;
}

div#citoyenColonneDroite{
    float:left;
    width:205px;
}

div#banniereCitoyen img{
    margin-bottom:7px;
}

div#boiteServicesEnLigne{
    width:323px;
    border:0px solid;
    margin-right:10px;
    padding:7px 12px 10px 12px;
    float:left;
    /*border-right: 3px double;*/
    background: url("../images/skin/maville/fond_entete_vert.jpg") top left repeat-x; 
}

div#boiteServicesEnLigneTitre{
    font-weight:bold;
    color:#fff;
    font-size:14px;
    margin-bottom:17px;
}

div#boiteServicesEnLigne span{
    line-height:15px;
    font-size:15px;
    color: #fff;
    font-weight: normal;
}


div#boiteServicesEnLigneBottom{
    width:344px;
    height:40px;
    background: #fff url("../images/skin/maville/fond_servicesEnLigneBottom.jpg") top left no-repeat;
    float:left;
}



div#boiteGrise{
    width:335px;
    float:left;
    padding:10px 0 10px 12px;
    background: #d3d8dc;
  /*  border-right: 3px double;*/
}

div#bottomGris{
    width:347px;
    height:105px;
    float:left;
  /*  border-right: 3px double;*/
    background: #fff url("../images/skin/maville/grisDegrade.jpg") top left repeat;
}

div#element01{
    width:320px;
    height:43px;
    margin-bottom:6px;
    border:1px solid;
    background: #fff url("../images/citoyen/element01.jpg") top left no-repeat;
}

div#element02{
    width:320px;
    height:47px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/skin/maville/element_01.jpg") top left no-repeat;
}

div#element03{
    width:320px;
    height:47px;
    border:1px solid;
    background: #fff url("../images/skin/maville/element_01.jpg") top left no-repeat;
}

div#boiteGrise a{
    display:block;
    text-decoration:none;
    padding:14px 0 15px 15px;
    font-size:14px;
    font-weight:bold;
}


/***********************/
/*    Environnement    */
/***********************/

.cadrePage {
    padding:0 0 2px 0px;
    border:0px solid #000;
    margin-right:186px;
    margin-left:10px;
    font-size:12px;
    line-height:15px;
}

body.developpementdurable div.cadrePage{
    margin-right:10px;

}
div#menuPuce{
        width:70%;
        padding:0 20px;
        margin: 20px auto;
}

div#menuPuce2{
        padding:0 20px;
        margin: 10px -20px 10px 20px;
}

div#recyclage{
    background: url("../images/maville/bande_recyclageMotif.jpg") top right no-repeat;
    margin-top: 15px;
}

div#recyclage_contenu{
    width:465px;
}

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

div.cadrePage a{
    font-size:12px;
    padding-bottom:5px;
}

div.cadrePage ul li{
    list-style: square;
    margin-bottom: 5px;
    font-size:12px;
}

div.cadrePage ul li a{
    font-size:12px;
}

div.cadrePage ul#fosse_installation li{
    list-style-type: decimal;
    font-size:12px;
    margin-left:28px;
    margin-bottom: 10px;
}

ul.matiere{
   margin-top: 15px;
   margin-bottom: 15px;
   margin-left:15px;
}

ul.matiere li{
   font-size: 12px;
   margin-left: 20px;
}

div.cadrePage ul.ulDecimal{

   margin-bottom: 15px;
   margin-left:40px;
}

div.cadrePage ul.ulDecimal li{
   list-style-type: decimal;
}

div.cadrePage div#menuRecyclage{
  float:right;
  margin-bottom:10px;
}

div.cadrePage div#recyclageEncadre{
   padding:10px;
   background: #c8e5dd;
   width:65%;
   margin-top:20px;
}

div.cadrePage div#recyclageEncadre2{
   padding:10px;
   background: #c8e5dd;
}


div.cadrePage ul#menuRecyclage{
  margin-top:0;
}

div.cadrePage ul#menuRecyclage li{
   margin:0;
}

div.cadrePage ul#menuRecyclage li a{
   font-size: 10px;   
}

div.cadrePage p{
    border:0px solid #999999;
    margin-bottom: 15px;
}


div.cadrePage table{
    width: 90%;
    border: none;
    table-layout: fixed;
    border-top: 1px solid #000;
}

div.cadrePage table tr{

}

div.cadrePage table tr td{
    vertical-align: middle;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #000;
}


div.cadrePage img{
    margin-right:0px;
}

div.cadrePage img.floatLeft{
    margin-right:10px;
}

.contenuDroit{
    float:right;
    width:200px;
    margin-right:20px;
    text-align:center;
    border:0px solid #000;
    position: relative;
}

.contenuDroit div#matiere_residuelle_note{
    margin-left: 10px;
    padding: 5px;
    border: 1px solid #0066ff;
}

.contenuDroit div#matiere_residuelle_note img{
    margin-right:5px;
}

.contenuClear{
    clear:right;
}

div.cadrePage table#tabQuoiFairePasBacbleu{
    width: 100%;
    border: none;
    table-layout: fixed;
    border-top: 1px solid #000;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr{

}

div.cadrePage table#tabQuoiFairePasBacbleu tr#enteteTabQuoiFairePasBacbleu{
    background: #3260a2;
    font-weight:bold;
    text-align: center;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr#enteteTabQuoiFairePasBacbleu td{
    font-size:14px;
    color: #fff;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr td{
    vertical-align: top;
    padding: 10px 20px 10px 0;
    border-bottom: 1px solid #000;
    font-size:10px;
    line-height:13px;
}

div.cadrePage table#tabQuoiFairePasBacbleu tr td a{
    font-size:10px;
    line-height:13px;
}

div#signature_mot_maire{
     background: url("../images/maville/souligne_maire.jpg") 0 0 no-repeat;
     width: 580px;
     height:75px;
}

/*************************/
/* Permis et certificats */
/*************************/

div.cadrePage table#tarification{
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #000;
}

div.cadrePage table#tarification tr{

}

div.cadrePage table#tarification tr th{
    vertical-align: middle;
    padding: 10px 10px 10px 0;
    text-align:center;
    border-bottom: 1px solid #000;
    background: #ccc;
}

div.cadrePage table#tarification tr td{
    vertical-align: middle;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid #000;
}

div.cadrePage table#tarification tr td.tarifCenter{
   text-align:center;
   border-left:1px solid #000;
   padding-left:2px;
}

div.cadrePage table#tarification tr td.tarifCenter2{
   border-left:1px solid #000;
   padding:0;
}

div.cadrePage table#tarification tr td table{
    width: 100%;
    table-layout: fixed;
    border: none;
}

div.cadrePage table#tarification tr td table tr td{
    padding:0;
    text-align:center;
    font-size:10px;
    width:50%;
    border: none;
}

div.habitationNotes{
    width:93%;
    float:right;
    margin-bottom:10px;
}



/**********************/
/* Travaux, entretien */
/**********************/

div.cadrePage div.puisard{
    float:left;
    width: 95%;
    margin-bottom:10px;
}

div.cadrePage div.deneigement{
    float:left;
    margin-bottom:10px;
}

div.cadrePage div.deneigementNotes{
    float:left;
    border:1px solid;
}


/***********************/
/* Protection publique */
/***********************/

.titreNumeroUrgence{
    background: #89a8ba;
    padding:5px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 5px;
    float:left;
    width:98%;
}


/**************************/
/* sports, vie culturelle */
/**************************/

div#sportColonneGauche{
    float:left;
    width:272px;
    margin-top:-6px;
}

div#sportColonneDroite{
    float:right;
    width:272px;
    margin-right:2px;
    margin-top:-6px;
}

div#sportColonneSeule{
    width:100%;
    float:right;
    margin-right:2px;
    margin-top:-6px;
}

div#sport01{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_badminton.jpg") top left no-repeat;
}

div#sport02{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_tennis.jpg") top left no-repeat;
}

div#sport03{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_piscine.jpg") top left no-repeat;
}

div#sport04{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_patinoire.jpg") top left no-repeat;
}

div#sport05{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_raquette.jpg") top left no-repeat;
}

div#sport06{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_randonnee.jpg") top left no-repeat;
}

div#sport07{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_ski.jpg") top left no-repeat;
}

div#sport08{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_marina.jpg") top left no-repeat;
}

div#sport09{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_yoga.jpg") top left no-repeat; 
}


div#communautaire01{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_afeas.jpg") top left no-repeat;
}


div#communautaire02{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_alphabetisation.jpg") top left no-repeat;
}

div#communautaire03{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_cercleFermiere.jpg") top left no-repeat;
}

div#communautaire04{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_ageOr.jpg") top left no-repeat;
}

div#communautaire05{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_entraide.jpg") top left no-repeat;
}

div#communautaire06{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_maisonJeune.jpg") top left no-repeat;
}

div#communautaire07{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_serviceAine.jpg") top left no-repeat;
}

div#communautaire08{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_serviceFamille.jpg") top left no-repeat;
}

div#communautaire09{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_joujoutheque.jpg") top left no-repeat;
}

div#communautaire10{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteCommunautaire_friperie.jpg") top left no-repeat;
}


div#art01{
    width:100%;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_acitiviteRecreative.jpg") top left no-repeat; 
}

div#art02{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
     background: #fff url("../images/citoyen/enteteArt_cadet.jpg") top left no-repeat; 
}

div#art03{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_cineClub.jpg") top left no-repeat; 
}

div#art04{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_comiteLoisir.jpg") top left no-repeat; 
}

div#art05{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
     background: #fff url("../images/citoyen/enteteArt_chorale.jpg") top left no-repeat; 
}

div#art06{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_galerieArt.jpg") top left no-repeat; 
}

div#art07{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_danse.jpg") top left no-repeat; 
}

div#art08{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_theatre.jpg") top left no-repeat; 
}

div#art09{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_musique.jpg") top left no-repeat; 
}

div#art10{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_musee.jpg") top left no-repeat; 
}

div#art11{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_bibliotheque.jpg") top left no-repeat; 
}


div#art12{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_centreCulturel.jpg") top left no-repeat; 
}

div#art13{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_centreCulturel.jpg") top left no-repeat; 
}

div#art14{
    width:100%;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_loisirScientifique.jpg") top left no-repeat; 
}

div#art15{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_salleSpectacle.jpg") top left no-repeat; 
}

div#art16{
    width:100%;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteArt_terrainJeu.jpg") top left no-repeat; 
}

div#art17{
    width:272px;
    height:43px;
    margin-bottom:4px;
    border:1px solid;
    background: #fff url("../images/citoyen/enteteSport_sommetCulture.jpg") top left no-repeat; 
}



div#sportColonneGauche a, div#sportColonneDroite a, div#sportColonneGauche span, div#sportColonneDroite span, div#sportColonneSeule a, div#sportColonneSeule span {
    display:block;
    text-decoration:none;
    padding:14px 0 15px 15px;
    font-size:14px;
    font-weight:bold;
}

div#sportColonneDroite a#communautaire06, div#sportColonneDroite a#art04{
    display:block;
    text-decoration:none;
    padding:6px 0 15px 15px;
    font-size:14px;
    font-weight:bold;
}

div#sportColonneGauche ul li a, div#sportColonneDroite ul li a{
    text-decoration: underline;
    padding:0;
    font-size:12px;
    font-weight:normal;
}

div.cadrePage table.sport{
    width: 100%;
    table-layout: fixed;
    border-top: 0px solid #000;
}

div.cadrePage table.sport tr{

}

div.cadrePage table.sport tr th{
    vertical-align: middle;
    padding: 10px 10px 10px 0;
    text-align:center;
    border-bottom: 1px solid #000;
    background: #ccc;
}

div.cadrePage table.sport tr td{
    vertical-align: middle;
    padding: 3px 10px 3px 0;
    border-bottom: 0px solid #000;
}

/**********************************/

p#reference, p#reference a{
    font-size:9px;
    font-style: italic;
}

div.voirTousNouvelles{
 margin-left:-2px;
}

.ligneCouleur{
    padding: 3px 0px;
    background: none;
}

.coordonneeGauche{
    margin-left: 0px;
}

.coordonneeSeul{
    margin-left: 0px;
}

div#flashMiniGuide{
    border:0px solid;
    display:inline;
    float:left;
}


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

.commissionMembre{
    border-left:1px solid #000;
    float:right;
    text-align:left;
    width:200px;
    padding: 0 4px 0 10px;
    line-height:18px;
    margin-bottom:20px;
}

.commissionMembre a{
    line-height:18px;
}

.commissionPoste{
    margin-left: 4px;
    width:300px;
    line-height:18px;
    padding-left:10px;
}


div#horaireNormal{
    float:left;
    margin-right:10px;

}

div#horaireEstival{
    float:left;
    margin-left: 30px;
}


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

div.evenement{
    margin-bottom:20px;
 /* margin-left:-10px; */
    border:1px solid #fff;
    border-bottom:1px solid #d1d1d1;
    float:left;
    width:100%;
    padding-bottom:5px;
}
/*
div.evenement:hover{
    background: #f0f0f0;
    border:1px solid #d1d1d1;
}*/
/*
div.padding_evenement{
    padding:10px 10px 0 10px;

}*/

h2#evenement{
   border-bottom:1px solid #000;
   padding-bottom:5px;
   font-size: 16px;
}

div.evenement h2{
    padding-top:5px;
    font-size: 14px;
}

div.evenement h3{
    font-size: 13px;
    border-bottom:0;
    margin-bottom:0;
}

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

div.evenement ul li{
    list-style-type: 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************/

div#calendrierAccueil{
    padding:0;
    margin-left:12px;
    padding-top:5px;
    padding-left:5px;
    width:190px;
    background: url("../images/skin/maville/fond_entete_rouge.jpg") top left repeat-x; 
}

div#calendrierAccueil div#group_calendar{
    position:relative;
}

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

form#frm_calendar_search{
    float : right;
    width:50%;
}

div.cadrePage div#calendar_search{
  
    font-family: "Arial";
    font-size:12px;
}

div.cadrePage div#calendrierAccueil div#calendar_search{
    left:0px;
    top:200px;
    width:100%;
}

div.cadrePage div#calendar_search h2{
    margin-top:0;
    padding-bottom:10px;
    font-size: 14px; 
}

div.cadrePage div#calendrierAccueil h2{
    margin-top:10px;
    padding-bottom:10px;
    font-size: 10px; ;
}

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

div.cadrePage div#calendrierAccueil input{
    width:100px;
}

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

div.cadrePage div#calendar_search input.button_calendar{
    margin-left:50px;
    margin-top:10px;
}

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

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

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

div.cadrePage #calendar {
	width: 100%;
	height: auto;
        margin-bottom:30px;
        min-height:190px;
}

div.cadrePage #calendar_details {
	width: 550px;
	height: auto;
}

div.cadrePage #calendar_details h1{
	margin-left:0;
}

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

div.cadrePage .cal {
	background: #000;
	width: 40%;
}

div.cadrePage div#calendrierAccueil .cal{
        width: 99%;
}


div.cadrePage .cal td{
    width:auto;
}

div.cadrePage .cal td#navig{
    width:75px;
}

div.cadrePage div#calendrierAccueil .cal td#navig{
    width:55px;
}

div.cadrePage .calhead {
    font-weight: bold;
    color: #FFF;
    font-size: 20px;      
}

div.cadrePage .calhead td div{
    color: #FFF;
        
}

div.cadrePage .calhead td img{
    cursor: pointer;    
}

div.cadrePage .calhead img {
    border: none;
}

div.cadrePage .current{
    font-weight:bolder;
}


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

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

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

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

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

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

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

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

div.cadrePage .dayover {
	background: #EEE;
}

div.cadrePage .dayout {
	background: #FFF;
}

div.cadrePage .dayevent {
	background: #ed9100;
}

div.cadrePage .day a{
 display:block;
 padding-bottom:0;
 text-decoration:none;
}


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

div#calendar_legend{
    border:1px solid #ccc;
    padding:5px;
    font-size:11px;
}
div#calendar_legend div{
    float:left;
}

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


/***** donnation  *****/


div#cadreSectionBlank{

}

a#logicielDon{
    border:2px solid #9a1413;
    display:block;
    width:185px;
    padding:5px;
    text-align:center;
    background: #f1d3d3;
    font-weight: bold;
    color: #9a1413;
}

a#logicielDon:hover{
     color: #000;
     text-decoration:underline;
}

/*********************************/
/*           Flowplayer          */
/*********************************/

.videosDeveloppementDurable {
        background: #fff url("../images/citoyen/dd_capsule_12.jpg") 0px 0 no-repeat; 
}

.videosTerrainsDeJeux {
        background: #fff url("../images/citoyen/terrainsDeJeux/terrains_de_jeux.jpg") 0px 0 no-repeat; 
}

.videosAinee {
        background: #fff url("../images/citoyen/ainee.jpg") 0px 0 no-repeat; 
}

div#ipad {
	height:272px;
	width:480px;
	border:1px solid #000;
	outline:0px solid #333;
	-moz-outline-radius:0px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:10px;
}

div#ipad img, div#playerPlaceAuMaire img, div#playerWide img {
	margin-top:71px;
}

/* info area */
div#ipad div.info, div#playerPlaceAuMaire div.info, div#playerWide div.info {
	height:40px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
        filter : alpha(opacity=70);
	color:#fff;
	margin-top:66px;
        margin-left:0px;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	border-top:1px solid #ccc;
}

/* duration data inside info area */
div#ipad div.info span, div#ipad4-3 div.info span, div#playerPlaceAuMaire div.info span, div#playerWide div.info span {
	color:#99FF99;
        margin-top:2px;
	display:block;
	font-weight:bold;
}

div.cadrePage span.player{
    font-size:9px;
    font-weight:normal;
}




div#ipad4-3{
    	height:259px;
	width:345px;
	border:1px solid #000;
	outline:0px solid #333;
	-moz-outline-radius:0px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:10px;
        margin-bottom:20px;
}
/* info area */
div#ipad4-3 img{
	margin-top:70px;
}
div#ipad4-3 div.info{
	height:40px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
        filter : alpha(opacity=70);
	color:#fff;
	margin-top:54px;
        margin-left:0px;
	text-align:left;
	padding:5px 15px;	
	font-size:12px;
	border-top:1px solid #ccc;
}

.recycler {
        background: #fff url("../images/recyclage_video.jpg") 0px 0 no-repeat; 
}



/* player container */
div#player {
	height:285px;
	width:345px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:10px;
        background: #fff url("../images/recyclage_video.jpg") 2px 0 no-repeat; 
}


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

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

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

#calendrier_details_view{
    padding:10px;
    margin-right: 178px;
}

#calendrier_details_view h2{
    margin-bottom:20px;
}