@charset "UTF-8";
/* ------ */
/* DOCUMENT A4 */
/* ------ */

#docA4-AfficheHTML, .docA4-AfficheHTML { max-width:var(--site-art-max-width-img); margin:0 auto; padding:20px; font-size:100%; color:#111; /*background:url('../img/img-theme/pdf/a4-filigrane.png') center center no-repeat; border:1px solid #ccc;*/ }
#docA4-AfficheHTML .docA4-Bloc, .docA4-AfficheHTML .docA4-Bloc { margin:5px 0; padding:2pt; }
#docA4-AfficheHTML .docA4-Bloc-border, .docA4-AfficheHTML .docA4-Bloc-border { margin:5px 0; padding:2pt; border-bottom:1px solid #ccc; }

/* ------ */
.docA4-HTML { max-width:var(--site-art-max-width-img); font-size:100%; margin:0 auto; padding:5mm; 
color:#111; background:#fff url('../img/img-theme/pdf/a4-filigrane.png') center center no-repeat; border:1px solid #ccc; }
.docA4-HTML table { width:100%; border:0; text-align:left; background:transparent; color:#111; }
.docA4-HTML table tr { border:0; background:transparent; }
.docA4-HTML table td { padding:0 2pt; border:0; text-align:left; background:transparent; border:1px solid transparent; }
.docA4-HTML table td.txtLeft { text-align:left; }

.docA4-HTML table h1, .docA4-HTML table h2, .docA4-HTML table h3, 
.docA4-HTML table h4, .docA4-HTML table h5, .docA4-HTML table h6 { font-family:Arial, Helvetica, sans-serif; border:0; background:transparent; font-variant:normal; }
.docA4-HTML table p { text-align:unset; }

.docA4-HTML .docA4-Bloc { margin:2pt 20pt; padding:2pt; }
.docA4-HTML .label { width:35mm; font-size:75%; color:#666; font-style:italic; text-align:left; font-weight:normal; }
.docA4-HTML td.label { display:table-cell; vertical-align:middle; }
.docA4-HTML table, .docA4-HTML td { hyphens:none; border:0; padding:2px; }

.docA4-HTML hr { clear:both; height:1px; border:0; margin:2px 0 5px 0; padding:0; outline:none; background:#ccc; }

.docA4-HTML h4.h4titre, .docA4-HTML table tr td h4.h4titre { margin:0; padding:5px 0; font-size:160%; color:#000; font-weight:bold; text-align:left; }
.docA4-HTML h5.h5titre, .docA4-HTML table tr td h5.h5titre { margin:0; padding:5px 0; font-size:140%; color:#000; font-weight:bold; text-align:left; }

.docA4-HTML p, .docA4-HTML ul { margin:0; }
.docA4-HTML p label { color:#666; font-style:italic; text-align:left; }
.docA4-HTML p:hover label { color:#111; }
.docA4-HTML p label.checkboxLabel, .docA4-HTML p label.radioLabel { color:#111; font-style:normal; font-size:100%; text-align:left; }

.docA4-HTML p input, .docA4-HTML p select, .docA4-HTML p textarea { border:1px dotted #ccc; }
.docA4-HTML p input:hover, .docA4-HTML p select:hover, .docA4-HTML p textarea:hover { border:1px solid #ccc; }

/* Header */
.docA4-HTML .header_img { width:50%; }
.docA4-HTML .header_txt { width:50%; text-align:center; }
.docA4-HTML .header_txt h1 { font-size:110%; font-weight:normal; text-align:center; }
.docA4-HTML .header_txt h2 { font-size:100%; font-weight:normal; text-align:center; }

.docA4-HTML input, .docA4-HTML textarea, .docA4-HTML input:hover, .docA4-HTML textarea:hover { width:99%; border:1pt solid #ccc; background:var(--site-blanc); border-radius:0; }
.docA4-HTML input[type="checkbox"], .docA4-HTML input.checkbox { width:auto; height:auto; margin:2pt 5pt 0 0; min-height:0; }

/* Footer */
.docA4-HTML #docA4-BoxFooter { font-size:90%; color:#321; text-align:center; }

/* SPECIAL PP - TARIFS */
.docA4-HTML table.docA4-table-Tarifs tr > th { border:1px solid #ccc; padding:2pt; background:#eee; color:#000; font-weight:normal; }
.docA4-HTML table.docA4-table-Tarifs tr > th.docA4-table-Tarifs-th-titre { background:#666; color:var(--site-blanc); font-weight:normal; }
.docA4-HTML table.docA4-table-Tarifs tr > td { border:1px solid #ccc; padding:2pt; background:var(--site-blanc); color:#000; font-weight:normal; }

/* phone */
@media screen and (max-width:575px) {
.docA4-HTML table, .docA4-HTML table thead, .docA4-HTML table tbody, .docA4-HTML table tfoot, .docA4-HTML table tr, .docA4-HTML table td { display:block; width:100%; } 
.docA4-HTML .header_img, .docA4-HTML .header_txt, .docA4-HTML .docA4-td-Vendeur, .docA4-HTML .docA4-td-Acheteur, .docA4-HTML .td_jument, .docA4-HTML .td_centre { display:block; width:100%; }
.docA4-HTML .label, .docA4-HTML #docA4-BoxVendeurAcheteur #header_vendeur .label, .docA4-HTML #docA4-BoxJumentCentre .label { display:block; width:100%; text-align:left; }
}

/* ------ */
/* phone */
@media screen and (max-width:575px) {
	/* Jument */
	#idbookJumentTermeMois { max-width:50%; }

	.docA4-HTML table, .docA4-HTML table thead, 
	.docA4-HTML table tbody, .docA4-HTML table tfoot, 
	.docA4-HTML table tr, .docA4-HTML table td { display:block; width:100%; } 

	.docA4-HTML p label:not(.radioLabel), .docA4-HTML p label:not(.checkboxLabel) { display:block; width:100%; text-align:left; }
	.docA4-HTML p label.radioLabel, .docA4-HTML p label.checkboxLabel { clear:none; display:inline-block; width:auto; font-size:100%; color:#111; margin-right:15px; }
}

/* ------ */
/* CGV html */
/* modal - afficher CGV */
.reverseColor .artListe .artContenu { background:var(--site-blanc); color:#111; }
.reverseColor .artListe .artContenu h1,
.reverseColor .artListe .artContenu h2,
.reverseColor .artListe .artContenu h3,
.reverseColor .artListe .artContenu h4,
.reverseColor .artListe .artContenu h5,
.reverseColor .artListe .artContenu h6,
.reverseColor .artListe .artContenuText a:not(.abt)
{ color:#336699;/*bleu*/ }
.reverseColor .artListe .artContenu p, #contratBook-CGV .artListe .artContenu li { color:#111; text-align:justify; }
/* ------ */

@media screen and (min-width:992px) {
	.docA4-HTML div.docA4-Bloc.table-responsive { width:auto; max-width:100%; }
}
/* ------ */