/* CSS pour le comarquage */ :root { --header-h: 0px; } /* Bénéficie à TOUS les scrolls natifs vers :target (#ancre) */ :target { scroll-margin-top: var(--header-h); } #contenuComarquage { width:100%; text-decoration: none; font-family:'arial'; color:#4a4a4a; font-size:15px; display:inline-block; } #divComarquage #imgLoader { text-align:center; display:block; width:100%; } #divComarquage #retourHaut {width:100%;text-align:left;margin-bottom:20px;display:block;} #divComarquage a[href$=".pdf"] { padding-left:30px !important; } #divComarquage table {width:100%} /* table th {background:#4a4a4a !important} */ #divComarquage table tr:nth-child(even) td { padding: 18px; font-size: 0.9em; color: #020000 !important; background: #e9e7e7 !important; } #divComarquage table tr:nth-child(odd) td { padding: 18px; font-size: 0.9em; color: #020000 !important; background: #f3f1f1 !important; } #divComarquage { max-width:1000px; margin:0 auto; } .wp-admin #divComarquage{ display:none; } #divComarquage h2 { background:none; min-height:auto; margin: 0 0 10px 0 !important; } #divComarquage h3 a{ color: #4a4a4a !important; } #divComarquage h3 { margin:0; font-family: 'arial' !important; color: #4a4a4a !important; font-size: 15px !important; text-transform:none !important; padding:0 !important; text-align:left !important; display: inline-block !important; } #divComarquage a{ color:#4a4a4a; font-weight: normal !important; text-decoration:none; } /*#divComarquage .contenuBoite .commentFaire a,#divComarquage .contenuBoite .ServiceEnLigne a, #divComarquage .spPublicationReference a{ color:#e2e2e2; }*/ #divComarquage h1,#divComarquage h2,#divComarquage h3,#divComarquage h4 { font-size: 100%; background: none; } #divComarquage h1 a,#divComarquage h2 a,#divComarquage h3 a,#divComarquage h4 a{ font-weight:normal; } #divComarquage ul li { float:none; margin-left: 15px; } /*RECHERCHE + TITRE*/ #divComarquage #menu-top-left, #menu-top-right {width:100%;text-align: center;font-family:"arial";margin-bottom:40px} #divComarquage #menu-top-left #label-recherche,#menu-top-right h2 {display:block;font-weight: bold;color:#4a4a4a;text-transform:uppercase;font-family:"arial";padding-bottom:40px;font-size:20px !important} #divComarquage #menu-top-left #champBouton {background: #fff;width: 100%;border:1px solid #d0d0d0;height:50px;line-height:50px; } #divComarquage #menu-top-left #spRecherche{border:none;padding:0 0 0 30px;height:48px;line-height:48px;font-size:16px;/* width:80%; */width: calc(100% - 212px) !important;float:left;} #divComarquage #menu-top-left #spRecherche::-webkit-input-placeholder { color:#d0d0d0 !important;opacity:1 !important} #divComarquage #menu-top-left #spRecherche:::-moz-placeholder { color:#d0d0d0 !important;opacity:1 !important } #divComarquage #menu-top-left #spRecherche::::-moz-placeholder { color:#d0d0d0 !important;opacity:1 !important } #divComarquage #menu-top-left #spRecherche:::-ms-input-placeholder { color:#d0d0d0 !important;opacity:1 !important} #divComarquage #menu-top-left #sp-btn-recherche {width: 180px;cursor:pointer;border-radius:0;border:none;background:#4a4a4a;height:48px;line-height:48px;float:right;/* width:20%; */color:#fff;text-transform:uppercase;text-align:center;font-size:16px;} #divComarquage #menu-top-right h2:after,#divRecherche h2:after {background:none} #divComarquage #menu-top-right #titre-index {padding:0;margin:0;background: none;} /*ACCUEIL*/ #divComarquage #carresAccueil {display: inline-block;width:100%;margin-bottom:55px} #divComarquage #carresAccueil ul {list-style:none;display:inline-block;width:100%;margin:0 0 20px 0;padding:0;} #divComarquage #carresAccueil ul li {float:none;list-style:none;} #divComarquage.sansSousTitre #carresAccueil ul {display: none !important;} #divComarquage.comarquageA3w .titreRub{font-size:10px;} #divComarquage.comarquageA3w #boitesAccueil{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;} #divComarquage.comarquageA3w .bloc .pictoRub{ margin:17px 0 5px 0;} #divComarquage .conteneur {position: absolute;top: 0;bottom: 0;left: 0;right: 0;} #divComarquage .bloc {width:20%;float:left;background:#fff} #divComarquage .bloc .pictoRub{width:64px;height:55px;background-size:64px auto} #divComarquage .bloc:nth-child(1) .pictoRub{background-image: url('../images/new/argent_200_initial.png'); } #divComarquage .bloc:nth-child(1):hover .pictoRub{background-image: url('../images/new/argent_200_int.png'); } #divComarquage .bloc:nth-child(2) .pictoRub{background-image: url('../images/new/europe_etranger_200_initial.png');} #divComarquage .bloc:nth-child(2):hover .pictoRub{background-image: url('../images/new/europe_etranger_200_int.png');} #divComarquage .bloc:nth-child(3) .pictoRub{background-image: url('../images/new/famille_200_initial.png'); } #divComarquage .bloc:nth-child(3):hover .pictoRub{background-image: url('../images/new/famille_200_int.png'); } #divComarquage .bloc:nth-child(4) .pictoRub{background-image: url('../images/new/justice_200_initial.png'); } #divComarquage .bloc:nth-child(4):hover .pictoRub{background-image: url('../images/new/justice_200_int.png'); } #divComarquage .bloc:nth-child(5) .pictoRub{background-image: url('../images/new/logement_200_initial.png'); } #divComarquage .bloc:nth-child(5):hover .pictoRub{background-image: url('../images/new/logement_200_int.png'); } #divComarquage .bloc:nth-child(6) .pictoRub{background-image: url('../images/new/loisirs_200_initial.png'); } #divComarquage .bloc:nth-child(6):hover .pictoRub{background-image: url('../images/new/loisirs_200_intl.png'); } #divComarquage .bloc:nth-child(7) .pictoRub{background-image: url('../images/new/papier_cityonnete_200_initial.png'); } #divComarquage .bloc:nth-child(7):hover .pictoRub{background-image: url('../images/new/papier_cityonnete_200_int.png'); } #divComarquage .bloc:nth-child(8) .pictoRub{background-image: url('../images/new/social_sante_200_initial.png'); } #divComarquage .bloc:nth-child(8):hover .pictoRub{background-image: url('../images/new/social_sante_200_int.png'); } #divComarquage .bloc:nth-child(9) .pictoRub{background-image: url('../images/new/transport_200_initial.png'); width:114px;height:55px;background-size:114px auto} #divComarquage .bloc:nth-child(9):hover .pictoRub{background-image: url('../images/new/transport_200_int.png');width:114px;height:55px;background-size:114px auto } #divComarquage .bloc:nth-child(10) .pictoRub{background-image: url('../images/new/formation_200_initial.png'); } #divComarquage .bloc:nth-child(10):hover .pictoRub{background-image: url('../images/new/formation_200_int.png'); } #divComarquage .bloc:nth-child(11) .pictoRub{background-image: url('../images/new/asso-200_initial.png'); } #divComarquage .bloc:nth-child(11):hover .pictoRub{background-image: url('../images/new/asso-200_int.png'); } #divComarquage .bloc:hover .titreRub, #divComarquage .bloc:hover .sousRub, #divComarquage .bloc:hover ul li {color:#fff} #divComarquage .infoCarre:hover .pictoRub {-webkit-transition: background-image 0.5s ease-in-out;-moz-transition: background-image 0.5s ease-in-out; -o-transition: background-image 0.5s ease-in-out} #divComarquage .infoCarre {padding: 0 0;vertical-align: middle;height: auto;width: 100%;text-align: center;display: inline-block;} #divComarquage .contentCarre img {float: none;padding: 0;width:100%} #divComarquage .contentCarre {height:auto;position:relative;text-align:center;border:1px solid #d0d0d0;overflow: hidden;} #divComarquage .pictoRub {margin:17px 0 15px 0;background-repeat :no-repeat; text-align: center; display: inline-block;background-attachment:scroll;background-position:top center} #divComarquage .titreRub {font-weight:bold;margin:0;padding-bottom:20px;min-height:25px;text-align:center;text-transform:uppercase;font-size:14px;color#4a4a4a;} #divComarquage .titreRub a {font-weight:bold;width:100%;height:100%;display:block;} #divComarquage .sousRub {padding:0;margin:0} #divComarquage .sousRub li{width:auto;display:inline-block;vertical-align:middle;} #divComarquage .lienRub { height: 100%; width: 100%;position:absolute;top:0;left:0;} #divComarquage .lienRub a{text-indent:-500em; height: 100%; width: 100%; display: block;} #divComarquage .imgCarre{background-image: url('../images/new/carre.png'); width:100%} #divComarquage #boitesAccueil { float: left;display:inline-block;width:100%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;} #divComarquage .contenuBoite {min-height: 400px;padding:20px 0 20px 30px;margin-bottom:60px;display:inline-block;width: calc(100% - 30px);/* width:100%; */font-size:15px;font-family:"arial"} #divComarquage .contenuBoite:nth-child(1),.contenuBoite:nth-child(4) {background:#4a4a4a;color:#e2e2e2} #divComarquage .contenuBoite:nth-child(2),.contenuBoite:nth-child(3) {background:#e2e2e2;color:#4a4a4a} #divComarquage .contenuBoite:nth-child(2),.contenuBoite:nth-child(4) {margin-bottom:0} #divComarquage .pictoTitre {width:100%;display:inline-block;} #divComarquage .pictosTitreBoite{margin:0;display:inline-block;vertical-align:bottom} #divComarquage .contenuBoite:nth-child(1) .pictosTitreBoite,.contenuBoite:nth-child(4) .pictosTitreBoite{width:30px;height:40px;background: url('../images/new/fichier_grisClair_200.png'); background-size: 30px 40px;} #divComarquage .contenuBoite:nth-child(2) .pictosTitreBoite,.contenuBoite:nth-child(3) .pictosTitreBoite {width:30px;height:40px;background: url('../images/new/interrogation_gris_200.png'); background-size: 30px 40px;} #divComarquage .titreBoite {margin-bottom:0;width: 80%;font-size:18px;font-weight:bold;vertical-align:bottom;display: inline-block;text-transform:uppercase;padding:15px 0 0 25px} #divComarquage ul.listeBoiteAccueil {margin-top:30px;padding-left:40px} #divComarquage ul.listeBoiteAccueil li {padding:5px 0} #divComarquage ul.listeBoiteAccueil li a {padding:0 10px 0 0;display:block;color:#4a4a4a} #divComarquage .contenuBoite:nth-child(1) ul.listeBoiteAccueil li ,.contenuBoite:nth-child(4) ul.listeBoiteAccueil li {border-bottom:1px solid #e2e2e2} #divComarquage .contenuBoite:nth-child(2) ul.listeBoiteAccueil li ,.contenuBoite:nth-child(3) ul.listeBoiteAccueil li {border-bottom:1px solid #4a4a4a} #divComarquage .contenuBoite:nth-child(1) ul.listeBoiteAccueil li a,.contenuBoite:nth-child(4) ul.listeBoiteAccueil li a {color:#e2e2e2} #divComarquage .contenuBoite:nth-child(2) ul.listeBoiteAccueil li a,.contenuBoite:nth-child(3) ul.listeBoiteAccueil li a{color: #4a4a4a} #divComarquage .grisFonce {background:#4a4a4a} #divComarquage .grisClair {background:#e2e2e2} #divComarquage #boiteServiceLigne {margin-left:30px} /*PAGE RECHERCHE*/ #divComarquage #divRecherche {font-family:"arial";font-size:15px} #divComarquage #divRecherche h2 {width:100%;margin: 0;color:#4a4a4a;text-transform:uppercase;font-family:"arial";padding-bottom:40px;font-size:20px !important} #divComarquage #divRecherche #retourListe {display:block;text-align:right;font-weight:bold;} #divComarquage #divRecherche ul li {font-size:15px;padding:5px 0} /*FIL ARIANE*/ #divComarquage .spFilDAriane,.spFilDAriane a {color:#4a4a4a} #divComarquage .spFilDAriane {margin-bottom:25px;} /*1er NIVEAU*/ #divComarquage #titreSommaire {display:table;width:100%;} #divComarquage .spCenter {border:1px solid #d0d0d0;padding:66px 10px 35px 10px;width:30px;display:table-cell;vertical-align:top;text-align:center;width:30%;} #divComarquage .titreGeneral:after {display:none !important} #divComarquage .titreGeneral {margin: 0 !important;padding: 0 !important;color: #fff !important;text-transform: uppercase;font-size: 30px !important;clear: none !important;font-family: arial !important;display: block !important;} #divComarquage .pictoInt {margin: 0 auto 46px auto !important;text-align: center;display: block;width:130px;height:112px;background-size:130px auto;background-repeat:no-repeat} #divComarquage #pictoArgent{background-image: url('../images/new/argent_200_int.png'); } #divComarquage #pictoetranger---Europe{background-image: url('../images/new/europe_etranger_200_int.png');} #divComarquage #pictoFamille{background-image: url('../images/new/famille_200_int.png'); } #divComarquage #pictoJustice{background-image: url('../images/new/justice_200_int.png'); } #divComarquage #pictoLogement{background-image: url('../images/new/logement_200_int.png'); } #divComarquage #pictoLoisirs{background-image: url('../images/new/loisirs_200_intl.png'); } #divComarquage #pictoPapiers---Citoyennete{background-image: url('../images/new/papier_cityonnete_200_int.png'); } #divComarquage #pictoSocial---Sante{background-image: url('../images/new/social_sante_200_int.png'); } #divComarquage #pictoTransports{background-image: url('../images/new/transport_200_int.png');} #divComarquage #pictoTravail{background-image: url('../images/new/formation_200_int.png'); } #divComarquage .spPublicationMenuGaucheForTheme,.spPublicationMenuGauche {padding:20px 0 30px 20px;border:1px solid #d0d0d0;width:60%;background:#4a4a4a;display:table-cell;vertical-align:top} #divComarquage .pictoSommaire {margin:0;display: inline-block;vertical-align: bottom;background-image: url('../images/new/sommaireGris.png');background-size:32px 40px;width:32px;height:40px;} #divComarquage .spPublicationMenuGaucheForTheme h2 , #divComarquage #zoneService h2 , #divComarquage .spPublicationMenuGauche h2, #divComarquage #titrePictoQR h2,.spPublicationSEL h2, #divComarquage #titrePictoPESP h2, #divComarquage .spPublicationReference h2{display: inline-block;vertical-align: bottom;padding:0 0 0 20px;margin: 0;color:#e2e2e2 !important;text-transform:uppercase;font-size:18px;} #divComarquage .spPublicationMenuGaucheForTheme h2:after , #divComarquage #zoneService h2:after, #divComarquage .spPublicationMenuDroiteForTheme h2:after , #divComarquage .spPublicationMenuGauche h2:after, #divComarquage .spNoeudDossierDossier h2:after, #divComarquage #titrePictoQR h2:after, #divComarquage .spPublicationSEL h2:after, #divComarquage #titrePictoPESP h2:after, #divComarquage .spPublicationOSA h2:after, #divComarquage .spPublicationIC h2:after, #divComarquage .spPublicationAvertissement h2:after, #divComarquage .spPublicationReference h2:after, #divComarquage .spPublicationPartenaire h2:after, #divComarquage .spTexteChapitre h2:after, #divComarquage .spServiceComplementaireSN h2:after {display:none !important} #divComarquage .spPublicationSommaire, #divComarquage #sp-comment-faire-si, #divComarquage #contenuQR {width: 100%;padding:0; display:inline-block;vertical-align: top;} #divComarquage .spPublicationSommaire ul, #divComarquage #zoneService ul , #divComarquage .spPublicationMenuGauche ul, #divComarquage #contenuQR ul,.spPublicationSEL ul , #divComarquage #contenuPESP ul , #divComarquage #contenuRef ul{padding-left:55px;} #divComarquage .spPublicationSommaire ul li , #divComarquage #zoneService ul li, #divComarquage .spPublicationMenuGauche ul li, #divComarquage #contenuQR ul li, #divComarquage .spPublicationSEL ul li, #divComarquage #contenuPESP ul li, #divComarquage #contenuRef ul li{padding:5px 0;border-bottom:1px solid #e2e2e2} #divComarquage .spPublicationSommaire ul li a , #divComarquage #zoneService ul li a, #divComarquage .spPublicationMenuGauche ul li a, #divComarquage #contenuQR ul li a,.spPublicationSEL ul li a, #divComarquage #contenuPESP ul li a, #divComarquage #contenuRef ul li a{font-size:15px;padding:0 0 0 0;display: inline-block;width:auto !important} #divComarquage .spPublicationSommaire ul li a, #divComarquage .spPublicationSommaire ul li, #divComarquage .spPublicationMenuGauche ul li a, #divComarquage .spPublicationMenuGauche ul li, #divComarquage #zoneService ul li, #divComarquage #zoneService ul li a, #divComarquage .spPublicationQR ul li, #divComarquage .spPublicationQR ul li a, #divComarquage #contenuQR ul li a, #divComarquage #contenuQR ul li, #divComarquage .spPublicationSEL ul li a, #divComarquage .spPublicationSEL ul li, #divComarquage #contenuPESP ul li, #divComarquage #contenuPESP ul li a, #divComarquage #contenuRef ul li, #divComarquage #contenuRef ul li a, #divComarquage .spPublicationQR ul li, #divComarquage .spPublicationQR ul li a, #divComarquage #contenuQR ul li a, #divComarquage #contenuQR ul li, #divComarquage .titreDossier{color: #e2e2e2 !important} #divComarquage .titreDossier {margin: 10px 0px 5px;font-weight: bold;} #divComarquage .spPublicationQRGlobal h3 a, #divComarquage .spPublicationVAGlobal h3 a {color: #4a4a4a !important;} #divComarquage #zoneService , #divComarquage .spPublicationQRGlobal, #divComarquage .spPublicationSEL,#divComarquage #sp-pour-en-savoir-plus, #divComarquage #contenuRef{width:100%;margin-top:40px;background:#4a4a4a;padding:20px 0 20px 20px} #divComarquage .pictozoneService {margin:0;display: inline-block;vertical-align: top;background-image: url('../images/new/fichier_grisClair_200.png'); background-size:32px 40px;width:32px;height:40px;} #divComarquage .pictoQR {margin:0;display: inline-block;vertical-align: top;background-image: url('../images/new/interrogation_grisClair_200.png'); background-size:32px 40px;width:32px;height:40px;} #divComarquage .pictoPESP {margin:0;display: inline-block;vertical-align: top;background-image: url('../images/new/info_grisClair_200.png'); background-size:17px 40px;width:17px;height:40px;} #divComarquage .spPublicationMenuDroiteForTheme, #divComarquage .spNoeudDossierSousDossierMain {margin-top:33px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;-webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px;} #divComarquage .spPublicationMenuDroiteForTheme h2, #divComarquage .spNoeudDossierDossier h2, #divComarquage .spPublicationOSA h2, #divComarquage #titreListeFiche, #divComarquage .spPublicationIC h2 , #divComarquage .spPublicationAvertissement h2, #divComarquage .spPublicationPartenaire h2, #divComarquage .spTexteChapitre h2, #divComarquage .spServiceComplementaireSN h2{clear:left;font-weight: 700;margin:0 0 10px 0;padding:0 0 5px 0;font-family:'arial';text-transform:uppercase;font-size:18px;color:#4a4a4a;width:100%;border-bottom:1px solid #d0d0d0;} #divComarquage .spPublicationMenuDroiteForTheme .spThemeSousTheme, #divComarquage .spNoeudDossierTexte .spNoeudDossierDossier{display:inline-block;padding:0 0 50px 0;width:100%;} #divComarquage #retourHaut { background:url('../images/new/toptop.png') no-repeat scroll 0 0; background-size:50px auto; position:absolute; right:20px; bottom:20px; width:50px; height:50px; } #divComarquage #retourHaut a { display:block; height:100%; width:100%; } /*Pour en savoir plus*/ #divComarquage #contenuPESP ul {padding-left:37px;} /*Voir aussi*/ #divComarquage .spPublicationVAGlobal {margin-bottom:20px;} /*introduction*/ #divComarquage .spTexteIntroduction {margin:20px 0;font-style:italic} /*Où s'adresser + partenariat */ #divComarquage .spPublicationOSA,.spPublicationPartenaire {margin-top:60px;} /*Liste fiches*/ #divComarquage .spNoeudDossierFiche,.zoneTexte,.ficheLiees,.dossiersLies {margin-top:30px} #divComarquage .spNoeudDossierFiche ul li {padding:10px 0} /*informationc compl + avertissement */ #divComarquage .spPublicationIC,.spPublicationAvertissement,.spServiceComplementaire {margin-top:30px} #divComarquage li.spServiceComplementaireSN {margin-bottom:10px} #divComarquage li.spServiceComplementaireSN h3{font-size:16px} /*texte paragraphe*/ #divComarquage .spTexteParagraphe {margin:10px 0;} /*ressource*/ #divComarquage .infoTypeRessource {color:#fff} #divComarquage #sp-formulaires-services-en-ligne-fiche a,#titreSommaire a{color:#e2e2e2} /*chapitre*/ #divComarquage .spTexteChapitre {margin-bottom:30px} /*Fiche detail*/ #divComarquage #dateFiche {margin:20px 0;} #divComarquage #dateFiche span{font-weight:bold;} /* FOOTER*/ #divComarquage #pied {clear: left;position: relative;font-family: 'arial';width:100%;text-align:left;margin-top:20px;color:#000;font-size:14px} #divComarquage #creditPhotos {margin-top:10px;display:block;} #divComarquage .lienFooter {display: block;background-repeat:no-repeat; background-attachment:scroll;background-position:0 0;} #divComarquage #logoMonclocher {background-image:url('../images/new/monclocher_200.png');background-size:120px auto;width:120px;height:49px} #divComarquage #logoSP {margin-top: 10px;background-image:url('../images/new/servicePublic_200.png');background-size:200px auto;width:200px;height:30px} /*RESPONSIVE*/ @media(max-width:1012px) { #divComarquage .contentCarre {height:210px;} } @media(max-width:1024px) { #divComarquage .titreRub {font-size:13px} } @media(max-width:849px) { #divComarquage .bloc {width:33%} } @media(max-width:795px) { #divComarquage .contenuBoite {min-height: 450px;} } @media(max-width:750px) { #divComarquage ul.listeBoiteAccueil,.spPublicationSommaire ul,#zoneService ul {margin-top:15px;} #divComarquage .contenuBoite {min-height: auto;} #divComarquage .contenuBoite:nth-child(1),#divComarquage .contenuBoite:nth-child(3) {background:#4a4a4a;color:#e2e2e2} #divComarquage .contenuBoite:nth-child(2),#divComarquage .contenuBoite:nth-child(4) {background:#e2e2e2;color:#4a4a4a} #divComarquage .contenuBoite:nth-child(1) ul.listeBoiteAccueil li , #divComarquage .contenuBoite:nth-child(3) ul.listeBoiteAccueil li {border-bottom:1px solid #e2e2e2} #divComarquage .contenuBoite:nth-child(2) ul.listeBoiteAccueil li , #divComarquage .contenuBoite:nth-child(4) ul.listeBoiteAccueil li {border-bottom:1px solid #4a4a4a} #divComarquage .contenuBoite:nth-child(1) ul.listeBoiteAccueil li a, #divComarquage .contenuBoite:nth-child(3) ul.listeBoiteAccueil li a {color:#e2e2e2} #divComarquage .contenuBoite:nth-child(2) ul.listeBoiteAccueil li a, #divComarquage .contenuBoite:nth-child(4) ul.listeBoiteAccueil li a{color: #4a4a4a} #divComarquage .contenuBoite:nth-child(3) .pictosTitreBoite{width:30px;height:40px;background: url('../images/new/interrogation_grisClair_200.png'); background-size: 30px 40px;} #divComarquage .contenuBoite:nth-child(4) .pictosTitreBoite {width:30px;height:40px;background: url('../images/new/fichier_gris_200.png'); background-size: 30px 40px;} #divComarquage .contenuBoite:nth-child(2), #divComarquage .contenuBoite:nth-child(4) {margin-bottom:60px} #divComarquage #boitesAccueil, #divComarquage .spPublicationMenuDroiteForTheme, #divComarquage .spNoeudDossierSousDossierMain { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;-webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;} } @media(max-width:697px) { #divComarquage .spPublicationMenuGauche h2 {width:60%;} } @media(max-width:615px) { #divComarquage #menu-top-left #spRecherche {width:60%} #divComarquage #menu-top-left #sp-btn-recherche {width:40%} #divComarquage #divRecherche #retourListe {text-align:left;margin-bottom:20px;} } @media(max-width:565px) { #divComarquage .bloc {width:50%} } @media(max-width:461px) { #divComarquage .spPublicationMenuGaucheForTheme h2 , #divComarquage #zoneService h2 {width:auto;} } @media(max-width:450px) { #divComarquage ul.listeBoiteAccueil, #divComarquage .spPublicationSommaire ul, #divComarquage #zoneService ul , #divComarquage .spPublicationMenuGauche ul, #divComarquage #contenuQR ul, #divComarquage .spPublicationSEL ul, #divComarquage #contenuPESP ul {padding-left:0} } @media(max-width:516px) { #divComarquage .spCenter, #divComarquage .spPublicationMenuGaucheForTheme, #divComarquage .spPublicationMenuGauche {display:block;width:100%;} #divComarquage .spCenter {padding: 35px 10px 35px 10px;} } @media(max-width:470px) { #divComarquage #titrePictoQR h2,.spPublicationSEL h2, #divComarquage #titrePictoPESP h2, #divComarquage .spPublicationMenuGauche h2 {width:60%;} } @media(max-width:390px) { #divComarquage .bloc {width:100%} } @media(max-width:356px) { #divComarquage #menu-top-left #spRecherche {width:60%} #divComarquage #menu-top-left #sp-btn-recherche {width:40%;font-size:14px;padding:0 5px} } @media(max-width:340px) { #divComarquage .titreBoite {font-size:16px;width:80%;padding: 15px 0 0 13px;} #divComarquage #menu-top-left #label-recherche, #divComarquage #menu-top-right h2 , #divComarquage #divRecherche h2,.spPublicationMenuGaucheForTheme h2 , #divComarquage #zoneService h2,.spPublicationMenuGauche h2, #divComarquage #titrePictoQR h2, #divComarquage .spPublicationSEL h2, #divComarquage #titrePictoPESP h2, #divComarquage .spPublicationOSA h2, #divComarquage .spPublicationMenuGauche h2{font-size:18px !important} #divComarquage .titreGeneral {font-size:20px !important} } @media(max-width:320px) { #divComarquage #menu-top-left #label-recherche, #divComarquage #menu-top-right h2 , #divComarquage #divRecherche h2, #divComarquage .spPublicationMenuGaucheForTheme h2 , #divComarquage #zoneService h2, #divComarquage .spPublicationMenuGauche h2, #divComarquage #titrePictoQR h2, #divComarquage .spPublicationSEL h2, #divComarquage #titrePictoPESP h2, #divComarquage .spPublicationOSA h2, #divComarquage .spPublicationMenuGauche h2{font-size:16px !important} }