@import url("sondage_300x260.css"); /* bloc sondage */

/*---------- DEBUT Blocs accueil ----------*/
    .blocs {
        margin: 0 10px 30px 0;
        float: left;
        overflow: hidden;
    }
    
    .blocs h2,
    .blocs p {
        margin: 0;
    }
    
    .blocs .header {
        position: relative;
        z-index: 10;
        height: 80px;
        width: 300px;
        background: transparent url(../img/sprite_blocs_color.png) no-repeat 0 -200px;
    }
    
    .blocs .header h2 {
        margin: 15px 10px 0 20px;
        float: left;
        width: 200px;
        height: 25px;
        font-size: 1.667em;
        color: #322D2D;
        overflow: hidden;
    }
    
    .blocs .header h3 {
        margin: 2px 10px 2px 20px;
        float: left;
        width: 200px;
        height: 36px;
        font-size: 1em;
        line-height: 1.167em;
        overflow: hidden;
    }
    
    .blocs .header .picto {
        position: absolute;
        top: 0;
        left: 230px;
    }
    
    .blocs .bloc_contenu {
        height: 154px;
        width: 300px;
        font-size: .917em;
        overflow: hidden;
    }
    
    .blocs .bloc_contenu ul {
        list-style: none;
    }
    
    .blocs .bloc_contenu ul li {
        height: 19px;
        padding: 3px 10px 0 45px;
        background: #eee url(../img/sprite_pictos.png) no-repeat 20px 4px;
        overflow: hidden;
    }
	
    
    .blocs .bloc_contenu ul li.altern {
        background-color: #f3f3f3;
    }
    
    .blocs .bloc_contenu ul li:hover,
    .blocs .bloc_contenu ul li.altern:hover {
        background-color: #fff !important;
    }
    
    .blocs .bloc_contenu ul li a {
        color: #322d2d;
    }
    
    .blocs .footer {
        height: 26px;
        width: 300px;
    }
    
    .blocs .footer a {
        color: #fff;
        display: block;
        height: 20px;
        padding: 6px 26px 0 26px;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 0.834em;
        text-align: right;
        background: transparent url(../img/sprite_pictos.png) no-repeat 278px -770px;
        overflow: hidden;
    }
    
    .bloc1 {
        width: 300px;
        height: 260px;
        padding: 0 0 10px 10px;
        background: #fff url(../img/sprite_blocs.png) no-repeat 0 -420px;
    }
    
    .bloc2 {
        position: relative;
        width: 620px;
        height: 260px;
        padding: 0 0 10px 10px;
        background: #fff url(../img/sprite_blocs.png) no-repeat 0 -150px;
    }
    
    .bloc3 {
        position: relative;
        width: 940px;
        min-height: 260px;
        padding: 0 0 10px 10px;
        background: #fff url(../img/bloc3.png) no-repeat 0 0;
    }
    
    .bloc1 iframe,
    .bloc2 iframe,
    .bloc3 iframe {
        min-height: 260px;
        overflow: hidden;
    }
    
    .bloc1 iframe {
        width: 298px;
    }
    
    .bloc2 iframe {
        width: 618px;
    }
    
    .bloc3 iframe {
        width: 938px;
    }
    
    .bloc2 .header {
        width: 360px;
    }
    
    .bloc2 .header .picto {
        left: 250px;
    }
    
    .bloc2 .bloc_contenu {
        width: 320px;
    }
    
    .bloc2 .footer {
        width: 320px;
    }
    
    .bloc2 .footer a {
        background-position: 298px -770px;
    }
    
    .bloc2 .image {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        width: 300px;
        height: 260px;
    }
    
    .bloc2 .image .ombre {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
        width: 44px;
        height: 260px;
        background: transparent url(../img/sprite_blocs_color.png) no-repeat -360px -40px;
    }
    
    .bloc1dem {
        width: 300px;
        height: 130px;
        padding: 0 0 10px 10px;
        background: #fff url(../img/sprite_blocs.png) no-repeat -630px -330px;
    }
    
    .bloc2dem {
        width: 620px;
        height: 130px;
        padding: 0 0 10px 10px;
        background: #fff url(../img/sprite_blocs.png) no-repeat 0 -10px;
    }
    
    /*----- DEBUT Bloc gris -----*/
        .blocgris { color: #322d2d; background-color: #e4e4e4; }
        .blocgris .header { background-position: 0 -200px; }
        .blocgris .footer a { color: #6e6e6e; }
    /*----- FIN Bloc gris -----*/
    
    /*----- DEBUT Bloc vert -----*/
        .blocvert { background-color: #628800; }
        .blocvert .header { color: #fff; background-position: 0 -40px; }
        .blocvert .header h2 { color: #fff; }
        .blocvert .bloc_contenu ul li { background-position: 20px -71px; }
        .blocvert.blocfull .bloc_contenu ul li { background-color: #8bae00; }
        .blocvert.blocfull .bloc_contenu ul li.altern { background-color: #acc63c; }
    /*----- FIN Bloc vert -----*/
    
    /*----- DEBUT Bloc orange -----*/
        .blocorange { color: #322d2d; background-color: #ff7a0e; }
        .blocorange .header { background-position: 0 -120px; }
        .blocorange .bloc_contenu ul li { background-position: 20px -46px; }
        .blocorange.blocfull .bloc_contenu ul li { background-color: #ffa514; }
        .blocorange.blocfull .bloc_contenu ul li.altern { background-color: #ffbf52; }
    /*----- FIN Bloc orange -----*/
    
    /*----- DEBUT Bloc bleu -----*/
        .blocbleu { background-color: #27848a; }
        .blocbleu .header { color: #fff; background-position: 0 -280px; }
        .blocbleu .header h2 { color: #fff; }
        .blocbleu .bloc_contenu ul li { background-position: 20px -21px; }
        .blocbleu.blocfull .bloc_contenu ul li { background-color: #30adbc; }
        .blocbleu.blocfull .bloc_contenu ul li.altern { background-color: #55bdc9; }
        .blocbleu.blocfull .bloc_contenu ul li a { color: #fff; }
        .blocbleu.blocfull .bloc_contenu ul li:hover a, .blocbleu.blocfull .bloc_contenu ul li.altern:hover a { color: #322d2d; }
    /*----- FIN Bloc bleu -----*/
    
    /*----- DEBUT Bloc article -----*/
        .blocarticle {
            background: #fff url(../img/sprite_blocs.png) no-repeat -630px -470px;
        }
        
        .blocarticle .header {
            height: 60px;
            background: none;
        }
        
        .blocarticle .header h2 {
            height: 45px;
            width: 260px;
            margin: 10px 20px 5px 20px;
            line-height: 1.1em;
            color: #6e6e6e;
        }
        
        .blocarticle .bloc_contenu {
            height: 44px;
            width: 260px;
            padding: 0 20px;
        }
        
        .blocarticle .footer a {
            color: #8d8d8d;
            background-position:278px -720px;
        }
    /*----- FIN Bloc article -----*/
    
    /*----- DEBUT Bloc RSS -----*/
        .blocrss .header h3 {
            color: #6d6d6d;
            font-size: 1.167em;
            font-family: Verdana, arial, helvetica, clean, sans-serif;
        }
        
        .blocrss .header .picto {
            width: 70px;
            height: 80px;
            background: transparent url(../img/sprite_pictos.png) no-repeat 9px -857px;
        }
        
        .blocrss .bloc_contenu ul li:first-child {
            height: 88px;
            padding-left: 0;
            background-image: none;
        }
        
        .blocrss .bloc_contenu ul li:first-child h4 {
            font-size: 1.5em;
            padding-left: 45px;
            background: transparent url(../img/sprite_pictos.png) no-repeat 20px 7px;
            height: 22px;
            overflow: hidden;
        }
        
        .blocrss .bloc_contenu ul li:first-child p {
            padding-left: 45px;
            height: 59px;
            overflow: hidden;
        }
        
        .blocrss .footer a {
            color: #777;
            background-position: 278px -720px;
        }
    /*----- DEBUT Bloc RSS -----*/
    
    /*----- DEBUT Bloc post-it -----*/
        .blocpostit .header {
            height: 35px;
            background: none;
        }
        
        .blocpostit .header h2 {
            width: 260px;
            margin: 10px 20px 0 20px;
            color: #3b8595;
            line-height: 1.1em;
        }
        
        .blocpostit .bloc_contenu {
            height: 64px;
            width: 260px;
            padding: 5px 20px 0 20px;
            line-height: 1.22em;
        }
        
        .blocpostit .bloc_contenu h3 {
            font-weight: bold;
            font-size: 1.091em;
        }
        
        .blocpostit .footer a {
            color: #2c7485;
            background-position: 278px -820px;
        }
    /*----- FIN Bloc post-it -----*/
    
    /*----- DEBUT Bloc Banque Privée -----*/
        .blocbp {
            background: #fff url(../img/sprite_blocs.png) no-repeat -630px -190px;
        }
        
        .blocbp .header {
            height: 104px;
            background: none;
        }
        
        .blocbp .header h2 {
            width: 233px;
            height: 50px;
            margin: 30px 37px 0 30px;
            line-height: 1em;
            color: #97989a;
        }
        
        .blocbp .footer a {
            color: #97989a;
            background-position: 278px -720px;
        }
    /*----- DEBUT Bloc Banque Privée -----*/
    
    /*----- DEBUT Bloc actualités -----*/
        .blocactualites .header {
            width: 620px;
            height: 40px;
            background-position: 0 0;
        }
        
        .blocactualites .header h2 {
            width: 255px;
            margin: 5px 20px 0 20px;
            color: #fff;
            overflow: hidden;
        }
        
        .blocactualites .header a {
            display: block;
            float: right;
            color: #fff;
            height: 20px;
            width: 175px;
            padding: 6px 26px 0 0;
            margin: 10px 120px 0 0;
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.834em;
            text-align: right;
            background: transparent url(../img/sprite_pictos.png) no-repeat 180px -770px;
            overflow: hidden;
        }
        
        .blocactualites .bloc_contenu {
            width: 620px;
            height: 90px;
        }
        
        .blocactualites .bloc_contenu .actus {
            float: left;
            width: 150px;
            height: 60px;
            padding: 15px 0 15px 25px;
            background: transparent url(../img/sprite_blocs_color.png) no-repeat -360px -300px;
        }
        
        .blocactualites .bloc_contenu .actus h3 {
            font-size: 1em;
            font-weight: bold;
            color: #84a500;
        }
        
        .blocactualites .bloc_contenu .actus h3 a {
            color: #84a500;
        }
        
        .blocactualites .bloc_contenu .actus h3 span.date {
            font-weight: normal;
        }
        
        .blocactualites .bloc_contenu .actus p {
            line-height: 1.22em;
        }
        
        .blocactualites .bloc_contenu .actu1 {
            float: left;
            width: 250px;
            padding-left: 20px;
            background: none;
        }
        
        .blocactualites .bloc_contenu .actu1 .vignette {
            float: left;
            width: 57px;
            height: 57px;
            margin: 0 10px 0 0;
        }
    /*----- FIN Bloc actualités -----*/
    
    /*----- DEBUT Bloc infos -----*/
        .blocinfos {
            position: relative;
            z-index: 10;
            width: 980px; 
            padding: 0 0 10px 0;
            margin: 0 0 -10px 0;
            background: transparent url(../img/sprite_blocs_color.png) no-repeat center bottom;
        }
        
        .blocinfos_int {
            min-height: 22px; 
            padding: 10px;
            background: #de0010 url(../img/sprite_vertical.png) repeat-x 0 -209px;
        }
        
        .blocinfos_int h2 {
            float: left;
            color: #fff;
            text-transform: uppercase;
            font-size: 1em;
            line-height: 1.4em;
            padding: 3px 0 0 35px;
            height: 18px;
            margin: 0 20px 0 0;
            background: transparent url(../img/sprite_pictos.png) no-repeat 0 -575px;
        }
        
        .blocinfos_int a {
            display: block;
            font-size: .917em;
            line-height: 1.455em;
            float: right;
            color: #404040;
            border: 1px solid #4c4c4c;
            background-color: #fff;
            text-align: center;
            padding: 2px 5px;
            margin: 0;
            width: 790px;
        }
        
        .blocinfos a strong {
            color: #de0010;
        }
    /*----- FIN Bloc infos -----*/
    
    /*----- TEST Bloc carroussel -----*/
    .bloccarroussel {
        height: 310px;
        background-position: 0 -690px;
        margin-bottom: 40px;
        overflow: visible;
    }
	
	#my-carousel{
		display: none;
	}
    
    #my-carousel ul {
	    position: absolute; /* required */
	    overflow: hidden; /* required */
	    list-style: none outside none;
	    /*height:310px;*/
	}
	 
	#my-carousel ul li {
	    float: left; /* required */
	    width: 620px;
	    height: 310px;
	}
	 
	#my-carousel .mask {
	    position:relative; /* required */
	    overflow:hidden; /* required */
	    width:620px; /* required */
	}
	
	#my-carousel .pagination {
        position: relative;
        top: 5px;
        text-align: center;
        height: 13px;
    }
    
    #my-carousel .pagination a.prev,
    #my-carousel .pagination a.next {
        display: inline-block;
        width: 12px;
        height: 13px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -125px;
    }
    
    #my-carousel .pagination a.prev {
        background-position: 0 -125px;
    }
    
    #my-carousel .pagination a.next {
        background-position: 0 -175px;
    }
    
    #my-carousel .pagination a.prev:hover,
    #my-carousel .pagination a.next:hover {
        text-decoration: none;
    }
	 
	#my-carousel ol.pagination-links {
        display: inline-block;
        margin: 0 10px;
        position: relative;
        top: -2px;
	}
	 
	#my-carousel ol.pagination-links li {
	    display: inline-block;
        text-align: center;
        line-height: 1.1em;
        margin: 0 1px;
	}
	
	#my-carousel ol.pagination-links li a {
	    display: block;
	    width: 12px;
	    height: 13px;
	    color: #d8d8d8;
	    font-weight: bold;
	    font-size: .917em;
	}
	 
	#my-carousel ol.pagination-links li.current a {
	    color: #fff;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -150px;
	}
	
	.bloccarroussel a.disabled {
	    opacity: .5;
	}
	
    
    
    
    /*----- DEBUT Bloc carroussel -----
        .bloccarroussel {
            height: 310px;
            background-position: 0 -690px;
            margin-bottom: 40px;
            overflow: visible;
        }
        .bloccarroussel ul.carroussel {
            position: relative;
            height: 310px;
            list-style: none;
        }
        
        .bloccarroussel ul.carroussel li {
            position: absolute;
            overflow: hidden;
            top: -9999px;
            left: -9999px;
            width: 1px;
            height: 1px;
        }
        
        .bloccarroussel ul.carroussel li.itemactif {
            top: auto;
            left: auto;
            width: auto;
            height: auto;
            overflow: visible;
        }
        
        .bloccarroussel ul.nav {
            position: relative;
            top: 5px;
            text-align: center;
            height: 13px;
        }
        
        .bloccarroussel ul.nav li {
            display: inline-block;
            text-align: center;
            line-height: 1.1em;
        }
        
        .bloccarroussel ul.nav li a {
            display: block;
            width: 12px;
            height: 13px;
            color: #d8d8d8;
            font-weight: bold;
            font-size: .917em;
        }
        
        .bloccarroussel ul.nav li.itemactif a {
            color: #fff;
            background: transparent url(../img/sprite_pictos.png) no-repeat 0 -150px;
        }
        
        .bloccarroussel ul.nav li.precedent { margin: 0 5px 0 0; }
        .bloccarroussel ul.nav li.suivant { margin: 0 0 0 5px; }
        .bloccarroussel ul.nav li.precedent a { background: transparent url(../img/sprite_pictos.png) no-repeat 0 -125px; }
        .bloccarroussel ul.nav li.suivant a { background: transparent url(../img/sprite_pictos.png) no-repeat 0 -175px; }
        
        
        */
    /*----- FIN Bloc carroussel -----*/
    
    /*----- DEBUT Bloc menu liens -----*/
        .blocmenuliens {
            margin-bottom: 40px;
        }
        
        .blocmenuliens a#btn_client {
            display: block;
            width: 270px;
            height: 23px;
            padding: 7px 0 6px 30px;
            margin: 0 0 14px 10px;
            background: #fff url(../img/sprite_btns.png) no-repeat -300px -100px;
            color: #fff;
            font-weight: bold;
            font-style: italic;
            text-transform: uppercase;
        }
        
        .blocmenuliens a#btn_client:hover {
            background-position: 0 -100px;
        }
        
        #main.col2 .blocmenuliens #menuliens3col {
            display: none;
        }
        
        .blocmenuliens #menuliens3col ul {
            list-style: none;
        }
        
        .blocmenuliens #menuliens3col ul li {
            height: 52px;
            background: #fff url(../img/sprite_blocs.png) no-repeat 0 -1010px;
            color: #545454;
            font-weight: bold;
            text-transform: uppercase;
            position: relative;
            overflow: hidden;
        }
        
        .blocmenuliens #menuliens3col ul li:hover {
            background-position: -300px -1010px;
        }
        
        .blocmenuliens #menuliens3col ul li:last-child {
            background: #fff url(../img/sprite_blocs.png) no-repeat 0 -1062px;
        }
        
        .blocmenuliens #menuliens3col ul li:last-child:hover {
            background-position: -300px -10620px;
        }
        
        .blocmenuliens #menuliens3col ul li .picto {
            position: absolute;
            top: 13px;
            left: 10px;
            width: 35px;
            text-align: center;
            padding: 0;
            z-index: 4;
        }
/*debut CA-603*/		
		.blocmenuliens #menuliens3col ul li .libel {
            position: absolute;
            top: 33px;
            left: 60px;
            text-align: left;
        } 
/*fin CA-603*/     
        .blocmenuliens #menuliens3col ul li.trouveragence .picto { top: 13px; }
        .blocmenuliens #menuliens3col ul li.conseiller .picto { top: 17px; }
        .blocmenuliens #menuliens3col ul li.telephone .picto { top: 13px; padding: 0; }
        .blocmenuliens #menuliens3col ul li.urgence .picto { top: 14px; }
        .blocmenuliens #menuliens3col ul li.social .picto { top: 14px; }
        
        .blocmenuliens #menuliens3col ul li > a {
            color: #545454;
            display: block;
            height: 24px;
            padding: 18px 0 10px 60px;
            position: relative;
            z-index: 5;
        }
        
        .blocmenuliens #menuliens3col ul li p {
            height: 24px;
            padding: 18px 0 10px 60px;
        }
        
        .blocmenuliens #menuliens3col ul li.telephone p {
            height: 40px;
            padding: 12px 0 0 60px;
            line-height: 1.22em;
        }
        
        .blocmenuliens #menuliens3col ul li.telephone p span.filvert {
            color: #80a900;
            text-transform: none;
            margin: 0 3px 0 0;
            font-weight: normal;
        }
        
        .blocmenuliens #menuliens3col ul li.telephone p strong {
            color: #35798a;
            font-size: 1.167em;
        }
        
        .blocmenuliens #menuliens3col ul li.telephone p span.numero_legende {
            color: #35798a;
            text-transform: none;
            font-size: .834em;
            font-style: italic;
            font-weight: normal;
        }
        
        .blocmenuliens #menuliens3col ul li.social p {
            padding-top: 15px;
        }
        
        .blocmenuliens #menuliens3col ul li.social p a {
            margin: 0 0 0 5px;
            color: #545454;
        }
        
        #main.col2 .blocmenuliens {
            position: absolute;
            top: 0;
            left: 0;
            width: 320px;
            height: 100%;
            margin: 0;
            overflow: hidden;
            float: none;
            background: transparent url(../img/sprite_blocs.png) no-repeat -1300px bottom;
        }
        
        #main.col2 .blocmenuliens a#btn_client {
            margin: 20px 0 14px -1px;
        }
        
        #main.col2 .blocmenuliens .bloc1 {
            width: 320px;
            padding: 0;
            height: auto;
        }
        
        #menuliens2col {
            display: none;
        }
        
        #main.col2 #menuliens2col {
            list-style: none;
            display: block;
            color: #545454;
            padding: 0 0 10px 0;
            background: #fff url(../img/sprite_blocs.png) no-repeat 0 bottom;
        }
        
        .blocmenuliens #menuliens2col > li {
            padding: 0 0 20px 0;
            position: relative;
            background: #fff url(../img/sprite_blocs.png) no-repeat -630px bottom;
        }
        
        .blocmenuliens #menuliens2col > li:last-child {
            background: #fff url(../img/sprite_blocs.png) no-repeat -630px -809px;
        }
        
        .blocmenuliens #menuliens2col li h2 {
            min-height: 23px;
            padding: 17px 0 0 60px;
            margin: 0;
            color: #545454;
            font-size: 1em;
            font-weight: bold;
            text-transform: uppercase;
        }
        
        .blocmenuliens #menuliens2col li .picto {
            position: absolute;
            top: 12px;
            left: 15px;
            width: 35px;
            text-align: center;
            padding: 0;
            z-index: 4;
        }
        
        .blocmenuliens #menuliens2col li ul {
            margin: 0 0 0 60px;
            list-style: none;
            line-height: 1.834em;
        }
        
        .blocmenuliens #menuliens2col li ul li a {
            font-style: italic;
            font-weight: bold;
            font-size: 1.084em;
            color: #545454;
        }
        
        .blocmenuliens #menuliens2col li.contacteznous ul li a { color: #27848a; }
        .blocmenuliens #menuliens2col li.infosregionales ul li a { color: #739700; }
        .blocmenuliens #menuliens2col li.espacesthematiques ul li a { color: #52b3b9; }
        .blocmenuliens #menuliens2col li.infospratiques ul li a { color: #fd6000; }
        .blocmenuliens #menuliens2col li.reseauxsociaux ul li a { color: #545454; }
        
        .blocmenuliens #menuliens2col li.contacteznous ul li p {
            color: #7d7d7d;
        }
        
        .blocmenuliens #menuliens2col li.contacteznous ul li p .filvert {
            margin: 0 3px 0 0;
        }
        
        .blocmenuliens #menuliens2col li.contacteznous ul li p strong {
            font-size: 1.167em;
            font-weight: bold;
        }
        
        .blocmenuliens #menuliens2col li.contacteznous ul li p .numero_legende {
            font-style: italic;
            font-size: .834em;
        }
        
        .blocmenuliens #menuliens2col li.reseauxsociaux ul li {
            display: inline-block;
            margin: 0 5px 0 0;
        }
        
    /*----- FIN Bloc menu liens -----*/
    
/*---------- FIN Blocs accueil ----------*/


/*---------- DEBUT Home collectivités ----------*/
	.collectivites #main {
	    padding: 0 0 80px 0;
	    background: #fff url(../img/bg_coll_col1.png) repeat-y 0 0;
	}
	
	
	.collectivites #main #carte .col1 {
	    width: 320px;
	    float: left;
	    padding: 70px 0 0 0;
	    position: relative;
	}
	
    .collectivites #main #carte .col1 .accueilClient {
        height: 54px;
        padding: 16px 0 0 0;
        background: #fff url(../img/sprite_horizontal.png) repeat-y 0 0;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .collectivites #main #carte .col1 .accueilClient a {
        display: block;
        width: 250px;
        height: 24px;
        padding: 10px 20px 6px 32px;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        text-transform: uppercase;
        background: transparent url(../img/btn_allregions.png) no-repeat 0 0;
    }
    
    .collectivites #main #carte .col1 .allRegions,
    .collectivites #main #carte .col1 .accueilActuRegion,
    .collectivites #main #carte .col1 .accueilNumero,
    .collectivites #main #carte .col1 .accueilEspaces {
        padding: 10px 0 22px 0;
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 bottom;
    }
    
    .collectivites #main #carte .col1 .allRegions {
        padding: 15px 0 15px 60px;
    }
    
    .collectivites #main #carte .col1 .allRegions a {
        color: #739700;
        font-size: 1.084em;
        font-style: italic;
        font-weight: bold;
    }
    
    .collectivites #main #carte .col1 .accueilActuRegion h2 {
	    min-height: 23px;
	    padding: 7px 0 0 45px;
	    margin: 0 0 0 15px;
	    color: #545454;
	    font-size: 1em;
	    font-weight: bold;
	    text-transform: uppercase;
	    background: transparent url(../img/sprite_pictos.png) no-repeat 0 -1375px;
    }
    
    .collectivites #main #carte .col1 .accueilActuRegion ul {
        list-style: none;
        margin: 0 0 0 60px;
    }
    
    .collectivites #main #carte .col1 .accueilActuRegion ul li {
        margin: 1px 0 5px 0;
    }
    
    .collectivites #main #carte .col1 .accueilActuRegion ul li a {
        color: #739700;
        font-size: 1.084em;
        font-style: italic;
        font-weight: bold;
    }
    
    .collectivites #main #carte .col1 .accueilActuRegion .numeroAzur {
        margin: 0 0 0 60px;
    }
    
    .collectivites #main #carte .col1 .accueilNumero .boxNumero:before {
        content: "Informations pratiques";
        display: block;
        min-height: 23px;
        padding: 7px 0 0 43px;
        margin: 0 0 0 -43px;
        color: #545454;
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -1323px;
    }
    
    .collectivites #main #carte .col1 .accueilNumero .boxNumero {
        margin: 0 0 0 60px;
    }
    
    .collectivites #main #carte .col1 .accueilNumero .boxNumero a {
        display: block;
        margin: 1px 0 5px 0;
        color: #fd6000;
        font-size: 1.084em;
        font-style: italic;
        font-weight: bold;
    }
    
    .collectivites .col1 .com {
        position: relative;
        z-index: 1000;
        background: transparent url(../img/bg_com.png) repeat-y 0 0;
    }
    
    .collectivites #main #carte .col1 .accueilEspaces {
        padding: 15px 0;
    }
    
    .collectivites #main #carte .col1 .accueilEspaces ul {
        list-style: none;
        margin: 0 0 0 60px;
    }
    
    .collectivites #main #carte .col1 .accueilEspaces ul li {
        margin: 1px 0 5px 0;
    }
    
    .collectivites #main #carte .col1 .accueilEspaces ul li a {
        color: #999;
        font-size: 1.084em;
        font-style: italic;
        font-weight: bold;
    }
    
    .collectivites .col1 .com h3 {
        color: #666;
        font-size: 1em;
        margin: 0 0 5px 20px;
        padding: 17px 0 0 0;
        text-transform: uppercase;
    }
    
    .collectivites .col1 .com .zc_actu a {
        height: 96px;
        padding: 53px 17px 67px 20px;
        text-align: center;
        display: block;
        width: 256px;
        background: transparent url(../img/sprite_blocs_color.png) no-repeat -660px -119px;
    }
    
    .collectivites .col1 .listEspaces {
        padding: 0;
        border: none;
        margin-top: -10px;
        position: relative;
        z-index: 500;
    }
    
    .collectivites .col1 .listEspaces .listText {
        width: auto;
    }
    
    .collectivites .col1 .listEspaces .listText br {
        display: none;
    }
    
    .collectivites .col1 .listEspaces .listText .titleBlock2 {
	    display: block;
	    color: #27848a;
	    font-size: 1em;
	    font-family: arial, helvetica, clean, sans-serif;
	    font-weight: normal;
	    margin: 0;
	    padding: 28px 0 0 60px;
	    text-transform: uppercase;
	    background: transparent url(../img/col1_ombresepar.png) no-repeat 0 0;
    }
    
    .collectivites .col1 .listEspaces .listText .listLiens2 {
	    color: #e26b17;
	    text-decoration: none;
	    padding: 0 0 0 20px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -1849px;
	    height: auto;
	    margin: 6px 0 6px 40px;
    }
    
    .collectivites .col1 .listText .listLiens2:hover {
        text-decoration: underline;
    }
	
	.collectivites #main #carte .col2 {
	    width: 660px;
	    float: right;
	    background-color: #fff; 
	    padding: 20px 0 0 0;
	}
	
	.collectivites #main #carte .col2 table td {
	    padding: 0 20px;
	}
/*---------- FIN Home collectivités ----------*/