body {width: 100%;margin: 0;padding: 0;background-color: #FAFAFA;font: 12pt "Tahoma";}
* {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.page {width: 148.5mm;height: 210mm;  padding: 0; overflow:hidden; margin: 0mm auto; border: 1px #D3D3D3 solid;border-radius: 5px;background: white;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
.subpage{padding: 12mm 5mm;height: 210mm; position: relative;}


.couv .subpage{padding:0;}
.couv .header{width:123mm; height:27.5mm;background-color:#fff;position: absolute; top:0; right:0;padding:5mm;}
.couv .header h1{font-size:35pt; font-family: 'Roboto Condensed', sans-serif; font-weight: 700;line-height: 35pt;margin: 0}
.couv .header span{font-size:20pt; line-height: 21pt; font-family: 'Roboto', sans-serif; font-weight: 300;}
.couv .main{position: absolute;height:12mm; width:123mm;top:50%;right:0; margin-top:-6mm;padding-left:5mm;}
.couv .main h2{font-size:20pt;font-family: 'Roboto', sans-serif; font-weight: 700;color:#fff; }
.couv img.drapeau { height:6mm; margin-left:2mm; }
.couv .footer{position: absolute;right:0; bottom:0; background-color:#fff; height:12.6mm; width:123mm;}
.couv .logoscouv { position: absolute;right:11mm; bottom:6.2mm; z-index: 2;height:22mm; width:auto; text-align:right; }
.couv .logoscouv img { height:22mm; }
.couv .logoscouv .logoot{ margin-right:5mm; }
/* .couv .logobgfc{position: absolute;right:11mm; bottom:6.2mm; z-index: 2;width:23mm; height:22mm} */

/* .couv .couvtraits { position:absolute; right:20mm; top:60mm;width:25mm;height:755mm; background-image:url('../elements/couv_traits.png'); background-size:contain; background-repeat:no-repeat; background-position:0 0; } */

.categorie{padding-left:0;padding-right:0;width:100%;text-align:left;border-bottom:1pt dotted #851b47; position:absolute;top:6mm;left:0}
/* .categorie span{position:absolute; background-color:#fff;font-size:7.5pt; color:#000;font-family: 'Baloo', cursive; width:28mm;text-align:center; left:3mm;top:-2mm;} */
.categorie span{display:inline; position:absolute; background-color:#fff;font-size:7.5pt; color:#000;font-family: 'Baloo', cursive; width:auto;text-align:center; left:3mm;top:-2mm; padding:0mm 2mm 0mm 2mm; }
.footerpage{position: absolute;bottom:3.6mm; left:2.6mm ;width:3.5mm;display: block;padding:0 0 1mm 0;text-align:left; border-bottom:1.4mm solid #851b47; text-align: center;font-size:6.3pt;}
/* .page:nth-child(2n+1) .categorie span{left:inherit; right:3mm;} */
.page:nth-child(2n+1) .footerpage{left:inherit; right:2.6mm;}
.saut-page { page-break-before: always; }

.bloc{width:64.5mm;height:62mm;margin:3mm 2mm; float:left;border:.25pt solid #aaa;overflow:hidden;}
.bloc:nth-child(2n){}
.bloc:nth-child(n+1){margin-top:0;}

/*.bloctitre{background:url("../elements/bg-bloc-titre.png") no-repeat 8mm 8mm; background-size:9.7mm;padding:16mm 8mm;border:none;} */
.bloctitre{ padding:7mm 7mm;border:none; }
.bloctitre hr {
    width: 12mm;
    border: none;
    height: 3mm;
    margin-top: 0;
    background-color: #fff;
    display: block;
    text-align: left;
    margin-left: 0;
}
.bloctitre h3{color:#fff; font-size:22pt;font-family: 'Roboto Condensed', sans-serif; font-weight: 400; margin-top:5mm;margin-bottom:5mm;  text-transform: uppercase;}
.bloctitre p{color:#000; font-size:12pt;font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }

.bloc .header{padding:3mm 2mm 3mm;position:relative;height:13mm;}
.bloc .header h3{margin:0;font-size:11pt; line-height: 11pt}
.bloc .header .pictogrammes{position:absolute; bottom:2mm; right:2mm;}
.bloc .header .pictogrammes img{/* width:4mm; */ height:4mm;}
.bloc .mainbloc{background-color:#c5c5c5;height:27.2mm}
.bloc .mainbloc .image {float:left;width:29.8mm;height:27mm;display: block; background-size:cover;     background-position: center center; background-repeat: no-repeat;}
.bloc .mainbloc .legende { position:relative; top:24mm; height:3mm; width:29.8mm; font-size:6pt; background-color:#333; color:#FFF;  padding: 0 1mm 0 1mm; overflow: hidden; }
.bloc .mainbloc .content {float:left;width:33mm;padding:1mm 0.2mm 3mm 1.2mm;height:27mm; overflow: hidden;}
.bloc .mainbloc .content hr {width:3.9mm;border:none; height:1.1mm; margin-top:0;background-color:#fff; display:block;text-align:left;margin-left:0;margin-bottom:1.2mm;}
.bloc .mainbloc .content p {margin-top:0; font-size:7pt;font-family: 'Roboto', sans-serif; font-weight: 700; margin-bottom:1.8mm;}
.bloc .mainbloc .content p:last-child{margin-bottom: 0}
.bloc .mainbloc .content img {/* width:4mm; */ height:4mm; margin-right:2mm; }
/* Patch 12/2020 : les URL longues sans tirest sont masquées */
.bloc .mainbloc .content .itemTextValue { word-break: break-word ; }
/* fin Patch 12/2020 */
.bloc .infos{clear:left;padding:0.5mm 1.5mm; height:16.5mm; overflow:hidden;}
.bloc .infos img {height:5mm; margin-right:2mm; }
.bloc .infos h3{margin:0; color:#851b47;font-family: 'Roboto Condensed', sans-serif; margin:0; font-weight:700; font-size:8.9pt;}
.bloc .infos .comm {margin:0;clear:left; font-size:6pt;font-family: 'Roboto Condensed', sans-serif; line-height: 7pt; font-weight: 400; }
.bloc .footer{background:url('../elements/fleche-footer-bloc.png') no-repeat left center #70706f;padding-left:3mm;position:relative; overflow: hidden;height:5mm; background-size:3mm;}
.bloc .footer span{color:#fff;line-height: 5mm; font-family: 'Baloo', cursive; font-size: 7.5pt; vertical-align: top}
.bloc .footer img {/* width:4mm; */ height:4mm; margin-right:2mm; }

/* Remplissage */
.remplissage13 { position:absolute; bottom:1cm; width: 138mm; height:61mm;overflow:hidden; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; clear:both; }
.remplissage23 { position:absolute; bottom:1cm; width: 138mm; height:124mm;  overflow:hidden; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; clear:both; }
/* Affichage Tableau */
.table{margin:0 2mm;}
.table th{background-color:#851b47;text-align:left;padding:1.4mm 2mm 1mm;border-top:0.5mm solid #fff;border-bottom:0.5mm solid #fff;}
.table th h3{color:#fff;font-family: 'Roboto Condensed', sans-serif; font-size:10pt;line-height: 12pt;margin:0}

/* Colgroup */
.table .titre{width:52mm;padding:2mm;}
.table .coords{width:31mm;}
.table .horaires{width:32mm;}
.table .tarifs{width:18mm;}
.table .col1container { width:48mm; height: 12mm; overflow:hidden; }
.table .col2container { width:27mm; height: 12mm; overflow:hidden; }
.table .col3container { width:28mm; height: 12mm; overflow:hidden; }
.table .col4container { width:14mm; height: 12mm; overflow:hidden; }

/* Eléments tableau */
.table tr:nth-child(2n+1){background-color:#c5c5c5; }
.table .element{vertical-align: top;}
.table .element span{display: block;}
.table .element td{padding:2mm 2mm 0mm 2mm;border:none; height:14mm;}
.table .element .cat{font-family: 'Roboto Condensed', sans-serif; font-size:7pt;line-height: 8.4pt;text-transform: uppercase;font-weight: 400}
.table .element h3{margin:0;font-family: 'Roboto Condensed', sans-serif; font-size:9pt;line-height: 10.8pt;font-weight: 700}
.table .element img { height: 4mm; width: auto; }
.table .element .dates{font-family: 'Roboto Condensed', sans-serif; font-size:8.5pt;line-height: 9.6pt;line-height: 12pt;font-weight: 700;color:#851b47;}
.table .element .commune{font-family: 'Baloo', cursive; font-size: 8pt;line-height: 9.6pt}
.table .element .localisation{font-family: 'Baloo', cursive; font-size: 6.5pt;line-height: 7.8pt}
.table .element .contact{font-family: 'Roboto Condensed', sans-serif; font-size:6.5pt;line-height: 7.8pt;font-weight: 400}
.table .element .hor{list-style-image: url('../elements/puce-horaires.png');font-family: 'Roboto Condensed', sans-serif; font-size:6.5pt;line-height: 7.8pt;font-weight: 700; margin:0;padding-left:5mm}
.table .element .prix{font-family: 'Roboto Condensed', sans-serif; font-size:9pt;line-height: 10.8pt;font-weight: 700}
.table .tarifselement{position:relative;}
.table .element .pictogrammes{position:absolute;bottom:4mm;}

.item_legende {width: 37mm!important;}

@page {
    size: A5;margin: 0;
}

@media print {
    .page {margin: 0;border: initial;border-radius: initial;width: initial;min-height: initial;    box-shadow: initial;background: initial; /* page-break-after: always; */ }
}