/*---------- DEBUT tous les espaces & tous les dossiers ----------*/

    .liste #main {
        padding: 0;
        background: #fff url(../img/sprite_horizontal.png) repeat-y 0 0;
    }
    
    .liste #main #carte {
        padding: 80px 20px 40px 320px;
        min-height: 320px;
        background: transparent url(../img/sprite_blocs.png) no-repeat -1300px bottom;
    }
    
    .liste #mainColsTitle .col1 {
        display: block;
        width: 280px;
        padding: 30px 20px 0 20px;
        position: absolute;
        left: -320px;
    }
    
    .liste #mainColsTitle .col1 h3 {
        color: #27848a;
        font-size: 1em;
        text-transform: uppercase;
        padding: 2px 0 0 40px;
        margin: 0 0 5px 0;
        min-height: 19px;
        background: #fff url(../img/sprite_pictos.png) no-repeat 0 -3017px;
    }
    
    .liste #mainColsTitle .col1 ul {
        list-style: none;
        margin: 0 0 0 20px;
    }
    
    .liste #mainColsTitle .col1 ul li {
        margin: 0 0 5px 0;
    }
    
    .liste #mainColsTitle .col1 ul li a {
        padding: 0 0 0 20px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -25px;
    }
    
    .liste #mainColsTitle .col1 ul br {
        display: none;
    }
    
    .liste .produit #mainColsTitle .col2 .title span {
        display: block;
        color: #bc0004;
        font-size: 2em;
        margin: 35px 20px 15px 20px;
    }
    
    .liste .produit #mainColsTitle .col2 .title span a {
        color: #bc0004;
    }
    
    .liste .produit #mainColsTitle .col2 .title br {
        display: none;
    }
    
    .liste .produit #mainColsTitle .col2 .title h1 {
        color: #006b73;
        font-size: 1.667em;
        margin: -10px 0 0 20px;
    }
    
    .liste #mainColsContent {
        background: none;
    }
    
    .liste .produit #mainColsContent .col2 {
        width: auto;
        padding: 0 0 7px 20px;
        margin: 80px 0 0 0; /* Mod post liv webu : remplace margin: 35px 0 0 0;*/
        float: none;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .produit #mainColsContent #mainTable {
        border: none;
        background: #fff url(../img/ombrebas_640.png) no-repeat center 0;
    }
    
    .liste .produit #mainColsContent #mainTable td,
    .liste .produit #mainColsContent #mainTable tr.paire td,
    .liste .produit #mainColsContent #mainTable tr.impaire td {
        padding: 15px 20px;
        border-bottom: 1px solid #e7e7e7;
        border-right: none;
        font-size: 1.167em;
        width: 50%;
        background-color: transparent;
    }
    
    .liste .produit #mainColsContent #mainTable tr td:first-child {
        border-right: 1px solid #e7e7e7;
        padding-left: 0;
    }
    
    .liste #mainColsContent .col1,
    .liste #mainColsContent .col3 {
        display: none;
    }
    
    .liste #mainColsContent .col2 h2 {
        margin: 0;
        padding: 0 0 0px 20px;
        background: transparent url(../img/sprite_horizontal.png) no-repeat 0px bottom;
    }
    
    .liste #mainColsContent .col2 .theme {
        padding: 0 0 7px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste #mainColsContent .col2 .theme .item {
        width: 360px;
        border-bottom: 1px solid #e7e7e7;
        margin: 0 0 0 20px;
        overflow: hidden;
    }
    
    .liste #mainColsContent .col2 .theme .item:last-child {
        border-bottom: 0;
    }
    
    .liste #mainColsContent .col2 .theme .item .itemIn_ p {
		display: none;
	}
	
    .liste #mainColsContent .col2 .theme .item .itemIn h3 a {
        display: block;
        height: 25px;
        padding: 15px 50px 10px 0;
        background: #fff url(../img/btn_fleche_orange.png) no-repeat right 10px;
    }
	
	.liste #mainListe.themeAll #theme1, .liste #mainListe.themeAll #theme2, .liste #mainListe.themeAll #theme3, .liste #mainListe.themeAll #theme4{
		display: block;
	}
	.liste #mainListe.theme1 #theme1{
		display: block;
	}
	.liste #mainListe.theme1 #theme2, .liste #mainListe.theme1 #theme3, .liste #mainListe.theme1 #theme4{
		display: none;
	}
	.liste #mainListe.theme2 #theme2{
		display: block;
	}
	.liste #mainListe.theme2 #theme1, .liste #mainListe.theme2 #theme3, .liste #mainListe.theme2 #theme4{
		display: none;
	}
	.liste #mainListe.theme3 #theme3{
		display: block;
	}
	.liste #mainListe.theme3 #theme2, .liste #mainListe.theme3 #theme1, .liste #mainListe.theme3 #theme4{
		display: none;
	}
	.liste #mainListe.theme4 #theme4{
		display: block;
	}
	.liste #mainListe.theme4 #theme2, .liste #mainListe.theme4 #theme3, .liste #mainListe.theme4 #theme1{
		display: none;
	}
	
/*---------- FIN tous les espaces & tous les dossiers ----------*/
    

/*---------- DEBUT trouvez une agence ----------*/
    .agence-recherche #mainColsContent .col2 h2 {
        margin: 0 0 5px 20px;
        padding: 0;
        background: none;
    }
    
    .liste #mainColsContent .col2 .quickSearch {
        padding: 0 0 28px 15px;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste #mainColsContent .col2 .quickSearch #FormAgence {
        margin: 0 0 5px 0;
    }
    
    .liste #mainColsContent .col2 .quickSearch br {
        display: none;
    }
    
    .liste #mainColsContent .col2 .quickSearch form table td {
        font-size: 1.12em;
        color: #666;
        padding: 0 5px !important;
    }
    
    .liste #mainColsContent .col2 .quickSearch form table td select {
        font-size: .858em !important;
        width: 299px;
        margin: 0 0 0 1px;
    }
    
    .liste #mainColsContent .col2 .quickSearch form table td input {
        font-size: .858em !important;
        height: 17px;
        width: 297px !important;
    }
    
    .agence-liste #mainColsContent .col2 .ville {
        color: #007C84;
        font-size: 1.667em;
        padding: 0 0 20px 20px;
        margin: 30px 0 10px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .agence-liste #mainColsContent .col2 .ville strong {
        font-weight: normal;
    }
    
    .agence-liste #mainColsContent .col2 .ville strong:after {
        content: " : " ;
    }
    
    .agence-liste #mainColsContent .col2 h2 {
        color: #fd7200;
        font-size: 1.167em;
        padding: 0;
        margin: 0 0 0 20px;
        background: none;
    }
    
    .agence-liste #mainColsContent .col2 .infos {
        width: 300px;
        float: left;
        margin: 0 0 0 20px;
    }
    
    .agence-liste #mainColsContent .col2 .infos h3,
    .agence-liste #mainColsContent .col2 .services h3 {
        font-size: 1em;
        margin: 1.25em 0 .5em 0;
    }
    
    .agence-liste #mainColsContent .col2 .infos p {
        margin: 0 0 .5em 0;
    }
    
    .agence-liste #mainColsContent .col2 .infos p strong {
        font-weight: normal;
    }
    
    .agence-liste #mainColsContent .col2 .services {
        width: 300px;
        float: right;
    }
    
    .agence-liste #mainColsContent .col2 .services ul {
        list-style: none;
    }
    
    .agence-liste #mainColsContent .col2 .services ul li {
        margin: .5em 0;
        padding: 3px 0 0 27px;
        min-height: 21px;
        background: #fff url(../img/sprite_pictos.png) no-repeat 0 -2300px;
    }
    
    .agence-liste #mainColsContent .col2 .services ul li.parking { background-position: 0 -2397px; }
    .agence-liste #mainColsContent .col2 .services ul li.ouvertsamedi { background-position: 0 -2447px; }
    .agence-liste #mainColsContent .col2 .services ul li.change { background-position: 0 -2300px; }
    .agence-liste #mainColsContent .col2 .services ul li.dab { background-position: 0 -2347px; }
    .agence-liste #mainColsContent .col2 .services ul ?i.gab { background-position:0 -2347px; }
    
    .agence-liste #mainColsContent .col2 .sep {
        clear: both;
    }
    
    .agence-liste #mainColsContent .col2 .boutons {
        margin: 10px 0;
        padding: 0 0 28px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .agence-liste #mainColsContent .col2 .boutons:after {
        clear: both;
        content: "";
        display: block;
    }
    
    .agence-liste #mainColsContent .col2 .boutons .bt-rdv {
        float: left;
        overflow: hidden;
        width: 300px;
    }
    
    .agence-liste #mainColsContent .col2 .boutons .bt-rdv a {
        display: block;
        width: 270px;
        height: 23px;
        padding: 7px 0 6px 30px;
        margin: 0 0 0 -1px;
        background: #fff url(../img/sprite_btns.png) no-repeat -300px -100px;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        overflow: hidden;
    }
    
    .agence-liste #mainColsContent .col2 .boutons .bt-rdv a:hover {
        background-position: 0 -100px;
    }
    
    .agence-liste #mainColsContent .col2 .boutons .bt-util {
        float: right;
        width: 310px;
        margin: 7px 0 0 0;
        color: #007c84;
    }
    
    .agence-liste #mainColsContent .col2 .boutons .bt-util a {
        color: #007c84;
    }
    
    .agence-liste #mainColsContent .col2 .form h2 {
        margin: 0 0 5px 20px;
        color: #007c84;
        font-size: 1.667em;
    }
    
    .numeros-utiles .mainContent {
        position: relative;;
    }
    
    .numeros-utiles .mainContent table #results {
        width: 262px !important;
        padding: 3px 0 0 0 !important;
        zoom: 1;
    }
    
    .numeros-utiles .mainContent table #results .unselectedItem {
        position: relative;
        background-color: #fff;
        border: solid 1px #fff;
        border-bottom: 1px solid #ddd;
        z-index: 100000000;
        left: 0 !important;
        width: 240px;
    }
    
    .numeros-utiles .mainContent table #results .unselectedItem:hover {
        background-color: #eee;
        border: solid 1px #ddd;
    }
    
    .numeros-utiles .mainContent table #results .selectedItem {
        position: relative;
        background-color: #ddd;
        border: solid 1px #ccc;
        z-index: 100000000;
        left: 0 !important;
        width: 240px;
    }
    
    .numeros-utiles .mainContent table #results .selectedItem br,
    .numeros-utiles .mainContent table #results .unselectedItem br {
        display: none;
    }
    
    .numeros-utiles .mainContent table #results .selectedItem #distance,
    .numeros-utiles .mainContent table #results .unselectedItem #distance {
        font-size: .917em;
        font-style: italic;
    }
    
    .numeros-utiles .mainContent table #results .selectedItem .liste,
    .numeros-utiles .mainContent table #results .unselectedItem .liste {
        display: block;
        margin: 2px 0 10px 0;
    }
    
    .numeros-utiles .mainContent table #results #moreInfo {
        font-size: .917em;
        color: #007C84;
    }
    
    .numeros-utiles .mainContent table #results .details td div {
        margin-bottom: 5px;
    }
    
    .numeros-utiles .mainContent table #results .details td {
        color: #fff;
        font-size: 1.2em;
        line-height: 1.2em;
        vertical-align: top;
        padding: 5px;
    }
    
    .numeros-utiles .mainContent #detailedInfo {
        background-color: rgba(255,255,255,.9) !important;
        width: 532px !important;
        height: 504px !important;
        -moz-box-shadow: 0 0 5px rgba(0,0,0,.33);
        -webkit-box-shadow: 0 0 5px rgba(0,0,0,.33);
        box-shadow: 0 0 5px rgba(0,0,0,.33);
    }
    
    .numeros-utiles .mainContent #detailedInfo > div > a {
        font-weight: normal !important;
        font-size: .917em !important;
    }
    
    .numeros-utiles .mainConten? #detailedInfo > div {
        margin: 0 !important;
        width: 530px !important;
        height: 502px !important;
        border: none !important;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent {
        font-weight: normal !important;
        color: #000 !important;
        margin: 20px !important;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details {
        position: relative;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td {
        padding: 0 0 10px 0 !important;
        font-size: 1em !important;
        line-height: 1.334em !important;
        color: #000 !important;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#name {
        color: #FD7200 !important;
        font-size: 1.167em !important;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services {
        border: none !important;
        width: 45% !important;
        padding: 0;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div {
        margin: 0 0 .5em 0;
        padding: 3px 0 0 27px;
        min-height: 21px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -2300px;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div#parking { background-position: 0 -2397px; }
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div#ouvertsamedi { background-position: 0 -2447px; }
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div#change { background-position: 0 -2300px; }
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div#dab { background-position: 0 -2347px; }
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td#services div#gab { background-position: 0 -2347px; }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#ouverture li {
        list-style: none;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#rdv {
        position: relative;
        left: -21px;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#rdv a {
        display: block;
        width: 275px;
        height: 23px;
        padding: 7px 0 6px 25px;
        background: #fff url(../img/sprite_btns.png) no-repeat -300px -100px;
        color: #fff;
        font-weight: bold;
        font-style: italic;
        overflow: hidden;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#rdv a:hover {
        background-position: 0 -100px;
    }
    
    .numeros-utiles .mainContent #detailedInfo #detailedInfoContent table.details td span#iti a {
        color: #007C84;
    }
    
/*---------- FIN trouvez une agence ----------*/


/*---------- DEBUT plan du site ----------*/
    .plandusite {
       padding: 20px;
    }
    
    .plandusite table {
       text-align: left;
    }
    
    .plandusite h1 {
	   margin: 10px 40px 30px 40px;
	   text-align: left;
	}
	
	.plandusite .colonne {
        width: 300px !important;
        margin: 0 0 40px 0 !important;
        border: none !important;
        padding: 0 !important;
    }
	
	.plandusite h2 {
	   margin: 0 0 10px 40px !important;
	   padding: 0 !important;
    }
    
    .plandusite .colonne .lien {
        margin: 5px 0 5px 40px;
        padding: 0 0 0 20px;
        background: #fff url(../img/sprite_pictos.png) no-repeat 0 -1849px;
    }
    
    .plandusite .lien a {
        color: #27848a;
    }
	
	.plandusite .besoin {
        margin: 5px 0 0 0 !important;
        padding: 0 0 15px 40px !important;
        background: #fff?url(../img/ombrebas_plandusite.png) no-repeat center bottom;
        width: auto !important;
	}
	
	.plandusite .besoin h3 {
        color: #555 !important;
        font-size: 1em !important;
        font-weight: bold;
        margin: 0 0 5px 0 !important;
        padding: 0 !important;
        background-color: #fff !important;
    }
    
    .plandusite .besoin .bloclien {
        padding: 0 !important;
        background-color: #fff !important;
    }
    
    .plandusite .besoin .lien {
        margin: 0 0 4px 0 !important;
        padding: 0 0 0 20px !important;
        background-position: 0 -2048px;
    }
	
	.plandusite .besoin .lien a {
        color: #e26b17;
    }
    
    .plandusite .dercol h2 {
        padding: 0 0 18px 40px;
        margin: 0 0 5px 0;
        background: #fff url(../img/ombrebas_plandusite.png) no-repeat center bottom;
    }
    
    .plandusite .dercol .lien {
        background-position: 0 -1899px;
    }
    
    .plandusite .dercol .lien a {
        color: #e26b17;
    }
	
/*---------- FIN plan du site ----------*/


/*---------- DEBUT Tous nos produits ----------*/
    .liste .index {
        background: #fff url(../img/sprite_horizontal.png) repeat-y -980px 0 !important;
    }
    
    .liste .index #carte {
        padding-right: 0 !important;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -8774px bottom !important;
    }
    
    .liste .index #mainColsTitle .col1 {
        display: none;
    }
    
    .liste .index #mainColsContent {
        background-color: #fff;
    }
    
    .liste .index #mainColsContent .col1 {
        display: block;
        width: 300px;
        padding: 0;
        position: absolute;
        top: 36px;
        left: 20px;
        background-color: #fff;
        -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
        box-shadow: 0 0 4px rgba(0,0,0,.3);
        border-radius: 10px 0 0 10px;
    }
    
    .liste .index #mainColsContent .col1 .context {
        padding: 5px 13px 10px 0;
        margin: 0 -13px 0 0;
        background: transparent url(../img/fleche_classement.png) no-repeat right 0;
    }
    
    .liste .index #mainColsContent .col1 .themes,
    .liste .index #mainColsContent .col1 .alphabetique,
    .liste .index #mainColsContent .col1 .affichage {
        padding: 0 20px 15px 20px;
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 bottom;
    }
    
    .liste .index #mainColsContent .col1 .affichage {
        padding: 0 20px;
        background: none;
    }
    
    .liste .index #mainColsContent .col1 .themes h3,
    .liste .index #mainColsContent .col1 .alphabetique h3,
    .liste .index #mainColsContent .col1 .affichage h3 {
        color: #27848a;
        font-size: 1em;
        text-transform: uppercase;
        margin: 15px 0 5px 20px;
    }
    
    .liste .index #mainColsContent .col1 table td {
        padding: 3px 4px;
        color: #555;
    }
    
    .liste .index #mainColsContent .col1 table td label,
    .liste .index #mainColsContent .col1 table td input {
        cursor: pointer;
    }
    
    .liste .index #mainColsContent .tg {
        text-align: center;
        margin: 0 0 20px 0;
    }
    
    .liste .index #mainColsContent .col2 .theme {
        padding: 0;
        background: none;
    }
    
    .liste .index #mainColsContent .col2 .theme h2 {
        padding: 0 20px 8px 20px;
        margin: 15px 0 0 0;
        min-height: 30px;
        background: #ebebeb url(../img/ombrebas_h2_660.png) no-repeat center bottom;
    }
    
    .liste .index #mainColsContent .col2 .theme .item {
        width: auto;
        border: none;
        margin: 0;
        padding: 5px 20px 8px 20px;
        background: #fff url(../img/ombrebas_660.png) no-repeat center bottom;
    }
    
    .liste .index #mainColsContent .col2 .theme .item h3 {
        font-size: 1.167em;
        color: #fd7200;
        margin: 0 0 3px 0;
    }
    
    .list? .index #mainColsContent .col2 .theme .item h3 a {
        padding: 0 0 0 20px;
        display: inline;
        height: auto;
        background: #fff url(../img/sprite_pictos.png) no-repeat 0 -24px;
    }
    
    .liste .index #mainColsContent .col2 .theme .item p {
        margin-left: 20px;
    }
    
    .liste .index #mainColsContent .col2 .theme .bas_gpe {
        text-align: right;
        margin: 10px;
    }
    
    .liste .index #mainColsContent .col2 .theme .bas_gpe a {
        font-size: .834em;
        text-transform: uppercase;
        color: #666;
        padding: 2px 22px 0 0;
        display: block;
        min-height: 14px;
        background: #fff url(../img/sprite_pictos.png) no-repeat right -2500px;
    }
        
/*---------- FIN Tous nos produits ----------*/


/*---------- DEBUT Mentions légales & Protection des données----------*/
    .produit .mentions-legales #carte {
        padding-top: 60px !important;
    }
    
    .produit .mentions-legales #mainColsTitle,
    .produit .charte-internaute #mainColsTitle {
        width: 550px;
        height: auto;
        background-color: transparent;
    }
    
    .produit .mentions-legales #mainColsContent,
    .produit .charte-internaute #mainColsContent {
        padding: 0 0 0 20px;
    }
    
    .produit .mentions-legales #mainColsContent .col2,
    .produit .charte-internaute #mainColsContent .col2 {
        float: none;
        margin: 0;
        padding: 0;
        width: auto;
        background: none;
    }
    
    .produit .mentions-legales #mainColsContent .col2 .chapeau,
    .produit .charte-internaute #mainColsContent .col2 .chapeau {
        font-size: 1.167em;
        color: #555;
    }
    
    .produit .mentions-legales #mainColsContent .col2 h2,
    .produit .charte-internaute #mainColsContent .col2 h2 {
        background: none;
        padding: 0;
        margin: 20px 0 5px 0;
    }
    
    .produit .mentions-legales #mainColsContent .col2 .theme,
    .produit .charte-internaute #mainColsContent .col2 .theme {
        background: none;
        padding: 0;
    }
    
    .produit .mentions-legales #mainColsContent .col2 ul {
        list-style: none;
    }
    
    .produit .charte-internaute #mainColsContent .col2 ul {
        list-style: none;
        margin: 0 0 1em 10px;
    }
    
    .produit .charte-internaute #mainColsContent .col2 ul li {
        margin: 1px 0;
    }
    
    .produit .mentions-legales #mainColsContent .col2 h3,
    .produit .charte-internaute #mainColsContent .col2 h3 {
        color: #006b73;
        font-size: 1.167em;
        margin: 15px 0 5px 0;
    }
    
/*---------- FIN Mentions légales & Protection des données ----------*/


/*---------- DEBUT Numéros d'urgence ----------*/
    .liste .numeros-urgence #mainColsContent .col1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col1 .toc {
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 0;
        padding: 24px 20px 0 40px;
        margin: 30px 0 0 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col1 .toc h2 {
        font-size: 1em;
        color: #27848a;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0 0 0 20px;
    }
    
    .liste .numeros-urgence #mainColsContent .col1 .toc ul {
        padding: 0 20px 25px 40px;
        margin: 0 -20px 0 -40px;
        background: transparent url(../img/profil_ombrebas_col1.png) no-repeat 0 bottom;
    }
    
    .liste .numeros-urgence #mainColsContent .col1 .toc ul li {
        margin: 8px 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col1 .toc ul li a {
        color: #555;
        padding: 0 0 0 20px;
        background: #fff url(../img/puce_flechebas_somm.png) no-repeat 0 1px;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 {
        float: none;
        background: none;
        margin: 0;
        padding: 0 0 0 20px;
        width: 620px;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items {
        margin: 0 0 30px 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .cartePerdu {
        min-height: 157px;
        padding: 0 0 18px 230px;
        position: relative;
        background: #fff url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .cartePerdu span.image {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -78px;
        width: 230px;
        height: 157px;
        background: #fff url(../img/carte_perdue.jpg) no-repeat 0 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .chequePerdu {
        min-height: 188px;
        padding: 0 0 18px 230px;
        position: relative;
        background: #fff url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .chequePerdu span.image {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -94px;
        width: 230px;
        height: 188px;
        background: #fff url(../img/cheque_perdu.jpg) no-repeat 0 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 h2 {
        padding: 0;
        background: none;
        margin: 30px 0 5px 0;
        line-height: 1.22em;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items .world {
        padding: 8px 10px;
        background: #eff1f1 url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items .world p {
        margin: 0 0 8px 0;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .cartePerdu .world,
    .liste .numeros-urgence #mainColsContent .col2 .chequePerdu .world {
        padding: 8px 10px;
        margin: 0 0 .5em 0;
        background: #eff1f1 url(../img/sprite_horizontal.png) no-repeat -4373px bottom;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items strong {
        font-weight: bold;
        font-size: 1.167em;
        color: #555;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items strong.number {
        font-weight: bold;
        font-size: 1.5em;
        color: #ff4820;
    }
    
    .liste .numeros-urgence #mainColsContent .col2 .items .world strong {
        font-weight: bold;
        font-size: 1.167em;
        color: #27848a;
    }
    
/*---------- FIN Numéros d'urgence ----------*/


/*---------- DEBUT Toutes les newsletters ----------*/
    .liste .list-nl #mainColsContent .col1 {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }
    
    .liste .list-nl #mainColsContent .col1 .alertCA {
        padding: 10px 20px 15px 20px;
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 bottom;
    }
    
    .liste .list-nl #mainColsContent .col1 .alertCA h3 {
        min-height: 18px;
        padding: 5px 0 0 40px;
        margin: 0 0 5px 0;
        color: #e26b17;
        font-size: 1em;
        text-transform: uppercase;
        background: transparent url(../img/picto_alerte.png) no-repeat 0 0;
    }
    
    .liste .list-nl #mainColsContent .col1 .alertCA p.txtAlert {
        color: #e26b17;
        font-size: 1.084em;
        line-height: 1.077em;
        font-style: italic;
        margin: 0 0 10px 40px;
    }
    
    .liste .list-nl #mainColsContent .col1 .alertCA a {
        color: #27848a;
        padding: 0 0 0 20px;
        margin: 0 0 0 20px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -25px;
    }
    
    .liste .list-nl #mainColsContent .col1 .listemois {
        padding: 15px 20px 24px 20px;
        background: transparent url(../img/profil_ombrebas_col1.png) no-repeat 0 bottom;
    }
    
    .liste .list-nl #mainColsContent .col1 .listemois h3 {
        margin: 0 0 5px 0;
        font-size: 1em;
        color: #27848a;
        text-transform: uppercase;
        padding: 0 0 0 40px;
        min-height: 23px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -2250px;
    }
    
    .liste .list-nl #mainColsContent .col1 .listemois table {
        margin: 0 0 0 20px;
    }
    
    .liste .list-nl #mainColsContent .col1 .listemois table td {
        padding: 2px 4px;
    }
    
    .liste .list-nl #mainColsContent .col1 .listemois table td label {
        font-style: italic;
        color: #555;
    }
    
    .liste .list-nl #mainColsContent .col2 {
        padding: 0 0 0 20px;
    }
    
    .liste .list-nl #mainColsContent .col2 .chapeau {
        font-size: 1.167em;
        color: #555;
        margin: 0 40px 30px 0;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag {
        padding: 0 0 24px 0;
        margin: 20px 0;
        background: transparent url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag:after {
        clear: both;
        content: "";
        display: block;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag h2 {
        padding: 0 150px 0 0;
        margin: 15px 40px 15px 0;
        background: none;
        position: relative;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag h2 span.date {
        font-size: .7em;
        color: #8a8a8a;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag h2 span.themnl {
        font-size: .6em;
        color: #8a8a8a;
        position: absolute;
        right: 0;
        top: 8px;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag p {
        margin: 0 40px 15px 0;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag .visu {
        margin: 0 -20px;
        text-align: center;
    }
    
    .liste .list-nl #mainColsContent .col2 .tag .visu a.livisu {
        display: block;
        float: left;
        color: #27848a;
        padding: 0 0 0 20px;
        margin: 15px 0 0 20px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -24px;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin {
        margin: 0 -20px;
        padding: 7px 20px 13px 20px;
        text-align: center;
        background: #ebebeb url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin ul {
        list-style: none;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin ul li {
        display: inline-block;
        color: #555;
        margin: 0 5px;
        text-align: left;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin ul li a {
        color: #555;
        display: block;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin ul li a.li_back {
        padding: 0 0 0 18px;
        background: transparent url(../img/sprite_pictos.png) no-repeat 0 -124px;
    }
    
    .liste .list-nl #mainColsContent .col2 .pagin ul li a.li_after {
        padding: 0 18px 0 0;
        background: transparent url(../img/carroussel_nav_suivant.png) no-repeat right 1px;
    }
/*---------- FIN Toutes les newsletters ----------*/


/*---------- DEBUT Votre caisse régionale ----------*/
    .liste .caisseReg {
        background: #fff url(../img/sprite_horizontal.png) repeat-y 0 0 !important;
    }
    
    .liste .caisseReg #carte {
        min-height: 320px;
        background: transparent url(../img/sprite_blocs.png) no-repeat -1300px bottom !important;
    }
	
	.liste .caisseReg #mainColsContent .col1 {
	    width: 320px;
	    padding: 24px 0 0 0;
	    top: 30px;
	    left: 0;
	    background: transparent url(../img/col1_ombresepar.png) no-repeat 0 0;
	    box-shadow: none;
	    border-radius: 0;
	}
	
	.liste .caisseReg #mainColsContent .col1 .toc2 {
        padding: 0 20px 20px 40px;
        background: transparent url(../img/col1_ombresepar.png) no-repeat 0 bottom;
    }
    
    .liste .caisseReg #mainColsContent .col1 .toc2 h2 {
        font-size: 1em;
        color: #27848a;
        text-transform: uppercase;
        font-weight: normal;
        margin: 0 0 0 20px;
    }
    
    .liste .caisseReg #mainColsContent .col1 .toc2 ul {
        padding: 0 20px 0 40px;
        margin: 0 -20px 0 -40px;
    }
    
    .liste .caisseReg #mainColsContent .col1 .toc2 ul li {
        margin: 8px 0;
    }
    
    .liste .caisseReg #mainColsContent .col1 .toc2 ul li.select,
    .liste .caisseReg #mainColsContent .col1 .toc2 ul li.nonlien {
        text-transform: uppercase;
        font-size: .917em;
        font-weight: bold;
        margin: 15px 0 0 20px;
    }
    
    
    .liste .caisseReg #mainColsContent .col1 .toc2 ul li a {
        color: #555;
        padding: 0 0 0 20px;
        background: #fff url(../img/puce_flechebas_somm.png) no-repeat 0 1px;
    }
    
    .liste .caisseReg #mainColsContent .col1 .toc2 ul li ul {
        padding: 0;
        margin: 0;
    }
    
    .liste .caisseReg #mainColsContent .col1 .com .zc_actu a {
        height: 96px;
        padding: 53px 17px 67px 20px;
    }
    
    .liste .caisseReg #mainColsContent .col2 {
        float: none;
        background: none;
        margin: 0;
        padding: 0 0 0 20px;
        width: 620px;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus {
        margin: 10px 0 30px 0;
        padding: 0 0 28px 0;
        background: #fff url(../img/sprite_horizontal.png) no-repeat -5234px bottom;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus h2 {
        background: none;
        padding: 0;
        margin: 0 0 10px 0;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus .chapeau {
        font-size: 1.167em;
        color: #555;
        margin: 0 0 1em 0;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus h3 {
        color: #006b73;
        font-size: 1.167em;
        margin: 15px 0 5px 0;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus .img_floatLeft {
        float: left;
        margin: 0 10px 10px 0;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus .img_floatRight {
        float: right;
        margin: 0 0 10px 10px;
    }
    
    .liste .caisseReg #mainColsContent .col2 .actus .links a {
        color: #27848a;
        padding: 0 0 0 20px;
        background: #fff url(../img/sprite_pictos.png) no-repeat 0 -24px;
    }
/*---------- FIN Votre caisse régionale ----------*/

/*MODIF JAWAD*/
.recherche .chapeau { padding: 0 0 23px 20px;}
.recherche .result { padding: 0 0 0 20px;}
.recherche .suite { padding: 0 0 0 20px; margin-bottom: 20px;}
.recherche .suite ul {list-style: none outside none; margin: 10px 0 0;}
.recherche .suite ul li a {background: url("../img/sprite_pictos.png") no-repeat scroll 0 -25px #FFFFFF;color: #007C84;display: block;height: 13px;line-height: 1.1em;padding: 0 0 0 18px;}
.recherche #newSearchBottom {margin-top:20px}
.recherche #newSearchBottom  .quickSearch{padding: 0 0 28px 20px;}
/*Fin modif JAWAD*/