/* feuille de style pour toutes les pages (hors navbar et footer) */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #492355;

}
@font-face {
    font-family: 'albaregular';
    src: url('font/alba___-webfont.eot');
    src: url('font/alba___-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/alba___-webfont.woff') format('woff'),
         url('font/alba___-webfont.ttf') format('truetype'),
         url('font/alba___-webfont.svg#albaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'scriptoptiregular';
    src: url('font/scriptopti-light-webfont.eot');
    src: url('font/scriptopti-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/scriptopti-light-webfont.woff') format('woff'),
         url('font/scriptopti-light-webfont.ttf') format('truetype'),
         url('font/scriptopti-light-webfont.svg#scriptoptiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MyDreamland';
    src: url('font/MyDreamland.eot');
    src: url('font/MyDreamland.eot?#iefix') format('embedded-opentype'),
         url('font/MyDreamland.woff') format('woff'),
         url('font/MyDreamland.ttf') format('truetype'),
         url('font/MyDreamland.svg#MyDreamland') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'dreamlandregular';
    src: url('font/dreamlan-webfont.eot');
    src: url('font/dreamlan-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dreamlan-webfont.woff') format('woff'),
         url('font/dreamlan-webfont.ttf') format('truetype'),
         url('font/dreamlan-webfont.svg#dreamlandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'stripes60s';
    src: url('font/stripes60s.eot?');
    src: url('font/stripes60s.eot?#iefix') format('embedded-opentype'),
         url('font/stripes60s.woff') format('woff'),
         url('font/stripes60s.woff2') format('woff2'),
         url('font/stripes60s.ttf') format('truetype'),
         url('font/stripes60s.svg#stripes60s') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_serifbold';
    src: url('font/liberationserif-bold-webfont.eot');
    src: url('font/liberationserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/liberationserif-bold-webfont.woff2') format('woff2'),
         url('font/liberationserif-bold-webfont.woff') format('woff'),
         url('font/liberationserif-bold-webfont.ttf') format('truetype'),
         url('font/liberationserif-bold-webfont.svg#liberation_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_serifitalic';
    src: url('font/liberationserif-italic-webfont.eot');
    src: url('font/liberationserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/liberationserif-italic-webfont.woff2') format('woff2'),
         url('font/liberationserif-italic-webfont.woff') format('woff'),
         url('font/liberationserif-italic-webfont.ttf') format('truetype'),
         url('font/liberationserif-italic-webfont.svg#liberation_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'liberation_serifregular';
    src: url('font/liberationserif-regular-webfont.eot');
    src: url('font/liberationserif-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/liberationserif-regular-webfont.woff2') format('woff2'),
         url('font/liberationserif-regular-webfont.woff') format('woff'),
         url('font/liberationserif-regular-webfont.ttf') format('truetype'),
         url('font/liberationserif-regular-webfont.svg#liberation_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:'Excalibur Nouveau Medium';
	src:url('font/Excalibur_Nouveau.eot?') format('eot'),
		url('font/Excalibur_Nouveau.woff') format('woff'),
		url('font/Excalibur_Nouveau.ttf') format('truetype'),
		url('font/Excalibur_Nouveau.svg#ExcaliburNouveau-Medium') format('svg');
		font-weight:normal;
		font-style:normal;
}
@font-face {
	font-family:'MyExcalibur';
	src:url('font/MyExcalibur.eot?') format('eot'),
		url('font/MyExcalibur.woff') format('woff'),
		url('font/MyExcalibur.woff2') format('woff2'),
		url('font/MyExcalibur.ttf') format('truetype'),
		url('font/MyExcalibur.svg#MyExcalibur') format('svg');
		font-weight:normal;
		font-style:normal;
}
body {	
	font-family: 'liberation_serifitalic', 'liberation_serifregular', Arial, serif;
	/*font-size: 14px;*/
	align-self: center;
}
header img { /*style du logo RBDolls*/
    display: inline-block; 
	vertical-align: middle;
	margin-right: 0; 
	opacity : 0.9;
	border-top: 2px solid #CCCCFF;
	border-left: 2px solid #CCCCFF;
	border-right: 0;
	border-bottom: 0;
}

header h1 {
    font-size : 0; opacity: 0; /* nom du site invisible mais très important */
}
.toilette a:link, .toilette a:visited  {
		color: #860086;
	}


/*-------------------------------------*/
/* pour tablettes et mobiles */

@media only screen and (max-width: 1023px ) {
	body {
		width: 100%;
	}
	.fond_parme_index, .fond_parme_sommaire { /* dans index*/
		background-color :#f0d6ff ;}
	.fond_bleu_index { /* dans les différentes déclinaisons de toilettes */
		background-color :#d2eeff;}
	.fond_jaune_usine { /* dans usine */
		background-color :#ffffd5;}
	.fond_vert_fab { /* dans fabrication */
		background-color :#dfffff;}
	.fond_bleu_hel { /* dans prems, suivantes et etude */
		background-color :#e4ecff ;}
	.fond_rose_doll { /* dans presentation et mode*/
		background-color :#ffeaf2 ;}
	.fond_bleu_prel { /* dans prelude */
		background-color :#d8ecfa;}
	.fond_orange_parade { /* dans parade */
		background-color :#fff8e8;}
	.fond_parme_gars {
		background-color :#dcd4ff;}
	.fond_parme_aloa {
		background-color :#dfccff;}
	.fond_rose_dem { /* dans demoiselles */
		background-color :#ffdcff;}
	.fond_rose_cop { /* dans copains */
		background-color :#ffddff;}
	.fond_rose_kessy { /* dans kessy et knoch */
		background-color :#ffe2ff;}

	.megacontainer  >.bordure1 { /* ds index, usine - contient tout entre le header et le footer */ 
		width: 100%;
/*		padding-left: 30em;*/ }
	.grandcontainer {
		width: 100%;}
	.headerminusnavbar >.bordure1 { 
		width: 100%; 
	}
	.accueil_grid_conteneur {
		display: flex;
		flex-direction: column;
		justify-content: center;
		/*color : #492355;*/
		font-size : 1.5em;
		line-height: 1.2em;
		align-self: center;
		text-align: justify;
		align-items: center;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}
	.usine, .fabrication, .prelude, .mode {
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.fondation_grid_conteneur-1 , .fondation_grid_conteneur-2, .fondation_grid_conteneur-3, .mode_grid_conteneur-1 { /* contenu de la page ds la bordure4 */
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.legal h3 ~ p {
		/*color : #492355;*/
		font-size : 1.4em;
		line-height: 1.1em;
		padding-left: 1.2em;
		padding-right: 1.2em;
	}

	.accueil_1st-photo, .accueil_2nd-photo, .accueil_3rd-photo, 
	.usine_1er-rang, .photo_droite_1er-rang, .usine_2eme-rang, .usine_3eme-rang_col4a7,
	.usine_1er-rang_droite {
		display: block;
		margin: 1em auto;
	}
	.texte-transversal-4 , .texte-transversal-7 {
		margin-top: 0.5em;
	}
	.accueil4 > .milieu, .accueil4 > .cont-act_ordi {
		display: none;
	}
	/* sur mobile : si le titre est trop long, il s'affiche sur +ieurs lignes, donc le padding doit être + petit et l'interligne + grand
		- si titre de taille normale, pas de .titrelong ds le html, donc règle css .titrelong ignorée
		- si titrelong, alors .titrepage est écrasé par .titrelong, donc .titrelong est écrit en dernier */

	.titrepage { /* doit impérativement être au-dessus de .titrelong car en format mobile, ce dernier est prioiritaire*/ 
		padding: 0.9em 0; /* si titre court*/
	}
	.titrelong { /* doit impérativement être au-dessous de .titrepage car .titrelong est prioiritaire*/
		line-height: 1.2em; /* si titrelong*/
		padding: 0; /* si titre long */ 
		/*font-size: 2.5em; /* si titre long */
	}
	.titrefiche_mobile { /* dans fiches, remplace le titrepage */
		display: flex;
		flex-direction: column;
		align-self: center;
		text-align: center;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		margin:0;
		color: #60077c;
    	font-family: 'MyExcalibur', 'Excalibur Nouveau Medium', 'stripes60s', 'albaregular', Arial, sans-serif;
    	font-size: 2em;
    	text-shadow: 3px 3px 3px #625966;
	}
	.titrefiche_mob1 {
		margin: 0 0 0.5em 0;
	}
	.titrefiche_mob2 {
		margin: 0;
	}
	.titrefiche { /* dans fiches, remplace le titrepage */
		display: none;
	}
	.containerhaut { /* dans fiches - contient la photo de la tenue sur poupée et sa description*/ 
		flex-direction: column;
		justify-content: center;
		padding: 0 1em 0 0;  
	}
	.centre, .centre-db { /* dans fiches - pour positionner correctement la photo de la tenue par rapport au descriptif */
		display : flex;
		justify-content: center;
		align-self: center;
		margin-top: 1em;
		margin-bottom: 1em;
	}
/*	.centre-db {
		margin-right: 2.5em;
	}*/
	.tenuecontainer { /*dans fiches - contient les photos des tenues */ 
		width: 95%;
		margin: 1.5em 0.5em;
	}
	.fiche4 {
    padding: 0.5em;
	}
	.info {
		width: 95%;
		margin-left:1em;
	} 
	.cartouche {
		margin-bottom: 2em ;
	}
/*	.a-droite { /* ds fiches - sur ordi, pour décaler la description vers la droite qd la photo principale est double */
/*		margin-left: 1em;
	} */
	.nocat {
		font-size: 14px;
	}
	.nomobile, .fiches-nav, #rose { /* pour les éléments qu'il n'est pas nécessaire d'afficher en format mobile */
		display: none;
	}
	.texte_entre_photos_1er-rang, .texte_entre_photos_1er-rang_nomargin {
		grid-column : 2/7 ;
		grid-row : 2 ;
	}
	.texte_2eme-rang_col1a7 {
		grid-column: 1/7 ;
		grid-row: 3;
		padding: 1em 0; 
	}
	.fondation_grid_conteneur-1 .texte-transversal {
		margin-top: 2em;
		margin-bottom: 2em ;
	}
	.texte_2eme-rang_col2a8 {
		padding-left: 0; 
		margin-left : 0;
	} 
	.fondation_grid_conteneur-2 > .plus-haut, .fondation_grid_conteneur-3 > .plus-haut {
		margin-top: 0;
	}
	.texte_1er-rang_col2a8 {
		margin: 2em 0;
	}
	.histdeg4 > .fondation_grid_conteneur-3 > .usine_3eme-rang_col4a7 > .un-peu-a-droite {
		margin-left: 140px;
	}
	.texte_1er-rang_col1a5 {
		margin: 2em 0;
	}
	.usine_3eme-rang_gauche, .usine_3eme-rang_droite {
		margin-top: 2em;
	}
	.fondation_grid_conteneur-4, .fondation_grid_conteneur-5 {
		display: flex;
		flex-direction: column;
	}
	.oscar {
		padding-bottom: 2em;
	}
	.fabrication h2, .fabrication h3 {
		line-height: 1.3em;
	}
	.fond_parme_sommaire header .gdparent h2 {
		margin-left: 0;
	}
	#contes, #cigalek7 {
		display: none;
	}
	.gdparent {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.parentk7, .parentnok7, .parentsk7, .dbparentk7, .lecairek7 {
	display : none;
	}
	.vague-titre { /* dans sommaire et map */
		display: none;
	}
	.fond_parme_sommaire .info2 {
		margin-left: -1em ;
	}
	.sommaire { /* dans sommaire et map */
		margin-left : 1em;
		color : #492355;
		font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		font-size: 1.5em;
	}
	.sommaire-container { /* ds sommaire*/
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		/*grid-template-columns: repeat(6, minmax(0,1fr));
		grid-gap: 30px;*/
		padding-left: 80px;
	}
	.ordre { /* dans sommaire et map */
		margin-left : 4em;
		color : #493255;
		font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		font-size: 1em;
	}
	.prelude-conteneur-row {
		display: none;
	}
	.prelude-conteneur-row-nopc{
		display: flex;
		flex-direction: row;
		align-items: center;
		align-self: center;
		text-align: justify;
		justify-content: space-around;
	}
	.prelude-conteneur-column-nopc { /* non utilisé*/
		display: flex;
		flex-direction: column;
		align-items: center;
		align-self: center;
		text-align: justify;
		justify-content: flex-start;
	}
	.padd-pc-only {
		padding: 0;
	}
	.padd-nopc {
		padding: 5em 0;
	}
	.mode-catalogue-img {
	height: 240px;
	width: auto;
}
	.enhaut-nopc {
		margin-top : 2em;
	}
	.enbas-nopc {	
		margin-bottom: 3em;
	}
	.chapitre-bis {
		font-size: 0.9em;
	}
	.mode_grid-conteneur_mobile {
		display: grid;
		justify-content: space-betwwen;
		align-items: center;
		grid-template-columns: repeat(4, 1fr);
    	grid-gap: 20px;
    	gap: 20px;
    	grid-auto-rows : minmax(0, auto);
    	padding-left: 0.7em;
    	flex-wrap: nowrap;
	}
	.mode_grid-col1_mobile { 
		grid-column : 1/5 ;
    	grid-row : 1 ;
	}	
	.mode_grid_rg2-col3_mobile {
		grid-column : 4 ;
    	grid-row : 2 ;
    	justify-self: center;
	}
	.trousseau1 {
    	width: 220px;
   	 	height: 460px;
	}
	.trousseau2 {
    	height: 454px;
	}
	.trousseau3 {
    	height: 448px;
	}
	.trousseau4 {
    	height: 442px;
	}
	.mobile-hidden {
		visibility: hidden;
	}
	.mobile-hidden-dbimg {
		visibility: hidden;
		
	}
	.reference-dbimg {
		font-family:'MyExcalibur', 'Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		text-align: center;
		margin-top: -20px;
	}
	.doll-dbimg img {
		display : block;
		margin: -132px auto 0 auto;
	}
	.notes {
		display: none;
	}
}





















/*-------------------------------------*/
/* pour ordi*/
    @media only screen and (min-width: 1024px ) {
    .fond_parme_index { /* dans index*/
        background : url("/dolly_fonds/fond_parme_index.png") /*no-repeat top center*/ fixed;}
    .fond_parme_sommaire { /* dans le sommaire*/
        background : url("/dolly_fonds/fond_parme_sommaire.png") /*no-repeat top center*/ fixed;}
    .fond_bleu_index { /* dans les différentes déclinaisons de toilettes */
        background : url("/dolly_fonds/fond_bleu_index.png") /*no-repeat top center*/ fixed;}
    .fond_jaune_usine { /* dans usine */
        background : url("/dolly_fonds/fond_jaune_usine.png") fixed;}
    .fond_vert_fab { /* dans fabrication */
        background : url("/dolly_fonds/fond_vert_fab.png") fixed;}  
    .fond_bleu_hel { /* dans prems, suivantes et etude */
        background : url("/dolly_fonds/fond_bleu_hel.png") fixed;}
    .fond_rose_doll { /* dans presentation et mode*/
        background : url("/dolly_fonds/fond_rose_doll.png") fixed;}
    .fond_bleu_prel { /* dans prelude */
        background : url("/dolly_fonds/fond_bleu_prel.png") fixed;}
    .fond_orange_parade { /* dans parade */
        background : url("/dolly_fonds/fond_orange_parade.png") fixed;}
    .fond_parme_gars {
        background : url("/dolly_fonds/fond_parme_gars.png") fixed;}
    .fond_parme_aloa {
        background : url("/dolly_fonds/fond_parme_aloa.png") fixed;}
    .fond_rose_dem { /* dans demoiselles */
        background : url("/dolly_fonds/fond_rose_dem.png") fixed;}
    .fond_rose_cop { /* dans copains */
        background : url("/dolly_fonds/fond_rose_cop.png") fixed;}
    .fond_rose_kessy { /* dans kessy et knoch */
        background : url("/dolly_fonds/fond_rose_kessy.png") fixed;}
    .megacontainer  >.bordure1 { /* ds index, usine - contient tout entre le header et le footer */ 
        width: 1400px; }
    .grandcontainer {width: 1400px;}
    .headerminusnavbar >.bordure1 { width: 1400px; }
    .index, .usine, .fabrication, .prelude, .mode  {
    	font-size: 1.3em; /*1.2em trop petit*/
    	line-height: 1.5em;
    }
    .accueil_grid_conteneur { /* contenu de la page ds la bordure4 */
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        grid-gap: 20px;
        gap: 20px;
        /*grid-template-columns : repeat(auto-fill, minmax(50px, 1fr));*/
        grid-auto-rows : minmax(0, auto);
        /*font-size : 0.9em;*/
        line-height: 1.5em;
    }
    .fondation_grid_conteneur-1 , .fondation_grid_conteneur-2, .fondation_grid_conteneur-3, .fondation_grid_conteneur-4, .fondation_grid_conteneur-5, .mode_grid_conteneur-1 { /* contenu de la page ds la bordure4 */
		display: grid;
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 20px;
		gap: 20px;
		grid-auto-rows : minmax(0, auto);
	}
    .accueil_1st-photo { /* et dans usine */
        grid-column : 2 ;
        grid-row : 2 ;
    }
    .accueil_1st-paragraph {
        grid-column : 3/6 ;
        grid-row : 2 ;
        margin-left: 2em;
    }
    .accueil_grid_conteneur .texte-transversal-4 {
        grid-column : 2/6 ;
        grid-row : 4 ;
    }
    .accueil_3rd-paragraph {
        grid-column : 2/4 ;
        grid-row : 6 ;
    }
    .accueil_grid_conteneur .texte-transversal-7 {
        grid-column : 2/6 ;
        grid-row : 7 ;
    }
    .accueil_2nd-photo {
        grid-column : 5 ;
        grid-row : 6 ;
    }
    .accueil_3rd-photo {
        grid-column : 2 ;
        grid-row : 9 ;
    }
    .accueil_4th-paragraph {
        grid-column : 3/6 ;
        grid-row : 9 ;
    }
    .milieu { /* dans index - pour div contenant 2 photos centrées */
        display: flex;
        flex-direction: row;
        width: 100%;
        vertical-align: middle;
        justify-content: center;
        margin-top: 20px;
        padding:5em 3em 0 3em;
    }
    .accueil4 .milieu img:first-of-type { /* Aloa à Ste Marguerite décalée à Gche*/
        margin-right:20px;
    }
    .accueil4 .milieu img:last-of-type { /* Dolly à Ste Marguerite décalée à Dte */
        margin-left:20px;
    }
    .accueil4 > .cont-act_mobile, .break {
        display: none;
    }

	/* sur ordi : peu importe la longueur du titre, l'affichage normal (sur une seule ligne) est parfait
		- si titre de taille normale, pas de .titrelong ds le html, donc règle css .titrelong ignorée
		- si titrelong, alors .titrepage est prioritaire sur .titrelong, donc .titrepage est écrit en dernier */

	.titrelong { /* doit impérativement être au-dessus de .titrepage car .titrepage l'écrasera */
		line-height: 1.2em; /* si titrelong*/
		padding: 0; /* si titre long */ 
		/*font-size: 2.5em; /* si titre long */
	}
	.nbdor {
		margin-right: -184px;
	}
	.titrepage { /* doit impérativement être au-dessous de .titrelong car en format ordi, .titrepage est prioiritaire*/ 
		line-height: 0;
		padding: 0.9em 0; /*si titre court*/
		/*font-size: 2.8em;  si titre court */
	}
	.titrefiche { /* dans fiches, remplace le titrepage */
		align-self: center;
		text-align: center;
		padding-top: 1em; 
		padding-bottom:1em;
	/*color : #492355;/* #551A8B;  #310b3d; #60077c;
	font-family: 'albaregular', 'scriptoptiregular', serif, sans-serif;
	font-size: 3em;
	text-shadow: 4px 4px 4px #625966;*/
		margin:0;
		color: #60077c;
    	font-family: 'MyExcalibur', 'Excalibur Nouveau Medium', 'stripes60s', 'albaregular', Arial, sans-serif;
    	font-size: 2.5em;
    	text-shadow: 3px 3px 3px #625966;
	}
	.headerminusnavbar .dolldeg4f .titrefiche_mobile, 
	.headerminusnavbar .dolldeg4f .titrefiche_mob1, 
	.headerminusnavbar .dolldeg4f .titrefiche_mob2 { /* dans fiches, remplace le titrepage */
		display: none;
	}
	.containerhaut { /* dans fiches - contient la photo de la tenue sur poupée et sa description*/ 
		flex-direction: row;
		padding: 0;
	}
	.centre, .centre-db { /* dans fiches - pour positionner correctement la photo de la tenue par rapport au descriptif */
		display : flex;
		justify-content: space-around;
		/*align-self: center;*/
		margin-left: 4em ;
		margin-bottom: 1em;
		width: calc(1120px - 700px - 48px - 2em - 2em); /* 1100px: grandcontainer(-80px) - 700px et 2em: info et son margin - 48px: 2*4*6 bordures fiche1,2,3,4 - 2em: centre margin */
	}
	.tenuecontainer { /*dans fiches - contient les photos des tenues */
		width: 1400px;
		margin: 1.5em auto;
	}
	.fiche4 {
    	padding: 2em 1em 0.5em 0.5em;
	}
	.info {
		width: 700px;
		margin-left: 4em;
	}
	.nocat {
		font-size: 18px;
	}
	.a-droite { /* ds fiches - pour décaler la description vers la droite qd la photo principale est double */
		margin-left: 4em;
	}
	.fiches-nav {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 1600px;
		margin: 1em auto -1em auto;
	}
	.pre { /* ds fiches, footer - volute fiche précédente */
		background:url('/images-dolly_divers/volute3-pre.png'); 
		width: 250px;
		height: 185px;
		display: flex;
		flex-direction: column;
		justify-content: left;
		vertical-align: middle;
	}
	.post { /* ds fiches, footer - volute fiche suivante */
		background:url('/images-dolly_divers/volute3-post.png'); 
		width: 250px;
		height: 185px;
		display: flex;
		flex-direction: column;
		justify-content: right;
		vertical-align: middle;
	}
	.classe-123-pre {
		margin-top:6px;
		margin-left:180px;
	}
	.classe-123-post {
		margin-top:0;
		margin-right:180px;
	}
	.abc-chronos {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		vertical-align: middle;
		margin-top:30px
	}
	.classe-abc-pre {
		margin-top:-20px;
		margin-right: 20px;
	}
	.classe-abc-post {
		margin-top:-16px;
		margin-left: 20px;
	} 
	.classe-chronos-pre {
		margin-top:-24px;
		margin-left: 10px;
	}
	.classe-chronos-post {
		margin-top:-20px;
		margin-right: 10px;
	}
	.footer-fiches {
		align-items: flex-end;
	}
	.texte_entre_photos_1er-rang {
		text-align: justify ;
		grid-row : 2 ;
		grid-column: 2/7 ;
		margin: 1.5em;
	}
	.texte_entre_photos_1er-rang_nomargin {
		text-align: justify ;
		grid-row : 2 ;
		grid-column: 2/7 ;
	}
	.texte_2eme-rang_col1a7 {
		grid-column: 1/7 ;
		grid-row: 3;
	}
	.usine_1er-rang {
		grid-column : 1 ;
		grid-row : 2 ;
	}
	.photo_droite_1er-rang{
		grid-column : 7 ;
		grid-row : 2 ;
	}
	 .usine_2eme-rang {
		grid-column : 1 ;
		grid-row : 3 ;
	}
	.texte_2eme-rang_col2a8 {
		grid-column:2/8 ;
		grid-row: 3;
		padding-left: 0; 
		margin-left : -1.5em;
	}
	.histdeg4 > .fondation_grid_conteneur-3 > .usine_3eme-rang_col4a7 > .un-peu-a-droite {
		margin-left: 70px;
	}
	.nopc {
		display: none;
	}
	.usine h2:last-of-type {
		margin-top: 3em;
	}
	.texte_entre_photos_2eme-rang {
		text-align: justify ;
		grid-row : 3 ;
		grid-column: 2/7 ;
		/*margin: 1.5em;*/
	}
	.plus-haut_nomobile {
		margin-top: -3em;
	}
	a:hover { /* au survol d'un lien, il se transforme en Aloa*/
    	cursor: url("aloa.cur"), url("/images-dolly_divers/curseur-aloa.png"), pointer;
	}
	.tenuecontainer a, .containerhaut a, .carousel a, .doll a, .doll-dbimg a, .inventairecontainer a, .dolly_cur a { /* le curseur devient "Dolly" au survol d'un potentiel carousel d'images. tenuecontainer et containerhaut: ds les fiches; doll : ds les pages toilettes, toilab et toilnum ; carousel : ds les autres pages */ 
    	cursor: url('dolly.cur'), url("/images-dolly_divers/curseur-dolly.png"), pointer; 
	}
	#mily-fancy a { /* le curseur devient "Mily" au survol desvphotos en éventail dans la page prelude */
    	cursor: url('mily.cur'), url("/images-dolly_divers/curseur-mily.png"), pointer; 
	}
	.reference a:hover, .reference-dbimg a:hover { /* au survol d'un lien, il se transforme en Aloa*/
    	cursor: url("aloa.cur"), url("/images-dolly_divers/curseur-aloa.png"), pointer;
	}
	.fond_parme_sommaire header .gdparent h2 {
		margin-left: -180px;
	}
	.titremap {
		display: flex; 
		flex-direction: row; 
		flex-wrap: nowrap;
	}
	.onclek7 button a { /* au survol d'un film OUAT, il se transforme en baguette magique */
		cursor: url('baguette.cur'), url('/images-dolly_divers/baguette.png'), pointer;
	}
	.lecairek7  button a {
		cursor: url('arbre-de-vie.cur'), url('/images-dolly_divers/arbre-de-vie.png'), pointer;
	}
	.bouton {
	background-color: rgba(240,214,255,0.1);
	margin-left:5px;
	margin-right: 5px;
	}
	#divmap, #divcinema, #divouat, #divnewborn, #divtime, #divhistoire, #divpoupee, #divprelude, 
	#divhello, #divlady, #divange, #divpsyche, #divclub, #divdumas, #divgars, #divseville, 
	#divcanelle, #divile, #divcire, #divporcelaine, #divfilles, #divdemoiselles, #divgerman, #divfashion, 
	#divdim, #divmode, #divdefile, #divcat, #divchorus,#divchaulet, #divtrain, #divpub, #divmarteau, 
	#divposte, #divjouets, #divsamar, #divmax, #divlib, #divchopin, #divfermeture { 
		display: none; 
	}
	#divhorus, #divbutterfly, #divhurricane, #abso, #bhr {
		visibility: hidden;
	}
	.gdparent {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.parentk7, .parentnok7, .parentsk7, .dbparentk7 {
		display : flex;
		flex-direction: row;
		margin-right: 20px;
		align-items: center;
	}
/*	#divhistoire a, #divhello a, #divlady a, #divpsyche a, #divdumas a, #divclub a, #divseville a, 
	#divdemoiselles a, #divdim a, #divdefile a, #divcat a, #divchaulet a, #divchorus a, #divtrain a, #divpub a, #{
		cursor: default;
	}*/
	#mapk7 {
		border-width:2px;
		border-style:solid;
		border-color: #c1b6bd;
		box-shadow: 6px 6px 6px #0d0011;
	}
	.lecairek7 {
		display : flex;
		flex-direction: row;
		/*margin-right: 60px;*/
		align-items: center;
		flex-shrink: 0;
	}
	.parentsk7 {
		width:300px;
		height:100px ;
		margin-left: -160px;
	}
	.parentk7, .parentnok7, .lecairek7 {
		width:220px;
		height:40px ;
		justify-content: center;
	}
	.dbparentk7 {
		width:240px;
		height:40px ;
		justify-content: space-between;
		margin-left: -20px;
		flex-shrink: 0;
	}
	.onclek7 {
		display: flex;
		flex-direction: row;
		width: 500px;
		height: 40px;
		justify-content: space-between;
		align-items: center;
		padding: 0 20px;
		/*cursor: url('baguette.cur'), url('/images-dolly_divers/baguette.png'), pointer;*/
	}
	.gridgdparent{
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 20px;
		gap: 20px;
		/*grid-auto-rows : minmax(0, auto);*/
		align-items: center;
		/*align-self: center;
		align-content: center; */
		justify-items: center;
		text-align: justify;
		padding: 0 2em;
	}
	.gridparentk7-but{
		grid-column-start: 1;
    	/*grid-column-end: 2;*/
    	grid-row-start: 1;
    	/*grid-row-end: 2;*/
    	padding-bottom: 30px;
	}
	.pleyelk7{
		grid-column-start: 2;
    	/*grid-column-end: 3;*/
    	grid-row-start: 1;
    	/*grid-row-end: 2;*/
	}
	.gridparentk7-hur{
		grid-column-start: 3;
    	/*grid-column-end: 4;*/
    	grid-row-start: 1;
    	/*grid-row-end: 2;*/
    	padding-bottom: 30px;
	}
	/*.bordure-parent {
		border: 1.5px dotted rgba(218, 194, 233, 0.3);
	}*/
	.frerek7, .nofrerek7, .jumeauk7, .musek7, .bowiek7, .operak7, .sciencek7, .arbrek7, .pianok7, .butterfliesk7, .hurricanesk7  {
		border-width: 10px;
		width: 60px; /* pour que le frerek7 soit facilement cliquable */
		height: 50px; 
		filter: opacity(0); /* pour qu'il soit transparent */	
	}
	.butterfliesk7, .hurricanesk7 {
		display: block;
	}
	#divbutterfly, #divhurricane {
		width:300px;
		height:auto;
	}
	#divbutterfly{
		margin-right:50px;
	}
	#divhurricane {
		margin-left:50px;
	}
	.frerek7 { /*Au survol du div frère transparent de celui contenant audio + image, une croche s'affiche */
		cursor: url('croche.cur'), url('/images-dolly_divers/croche.png'), pointer;
	}
	.jumeauk7 { /* idem frerek7 mais 2 div à afficher */
		cursor: url('dbcroche.cur'), url('/images-dolly_divers/dbcroche.png'), pointer;
	}
	.musek7, .hurricanesk7, #divhurricane a, #divnewborn a { /* idem frerek7 mais musiques de Muse */
		cursor: url('bomber.cur'), url('/images-dolly_divers/bomber.png'), pointer;
	}
	.arbrek7 {
		cursor: url('arbre-de-vie.cur'), url('/images-dolly_divers/arbre-de-vie.png'), pointer;
	}
	#cigalek7 {
    	width: 60px;
    	height: 70px;
    	cursor: url('lavande.cur'), url('/images-dolly_divers/lavande.png'), pointer;
	}
	.butterfliesk7, #divbutterfly a{
		cursor: url('clef-de-sol.cur'), url('/images-dolly_divers/clef-de-sol.png'), pointer;
	}
	/*#pleyelk7 {
		display:block;
		position:absolute;
		top: 0;
		z-index: 1;
	}*/
	#divpleyel {
		visibility: hidden;
		/*margin-top: -65px;*/
		cursor: url('esperluette.cur'), url("/images-dolly_divers/esperluette.png"), pointer;
		/*position: relative;*/
	}
	#vidpleyel {
		/*position:absolute;
		top: 0;
		z-index: -1;*/
		width: 512px;
		height: 290px;
	}
	.bowiek7 { /* idem frerek7 mais musique de Bowie */
		cursor: url('zigzag.cur'), url('/images-dolly_divers/zigzag.png'), pointer;
	}
	.operak7 { /* idem frerek7 mais opéra*/
		cursor: url('pointes.cur'), url('/images-dolly_divers/pointes.png'), pointer;
	}
	.filmk7 { /* idem frerek7 mais pour Once Upon A Time */
		border-width: 10px;
		width: 150px; /* pour que le filmk7 soit facilement cliquable */
		height: 100px; 
		filter: opacity(0); /* pour qu'il soit transparent */
		cursor: url('baguette.cur'), url('/images-dolly_divers/baguette.png'), pointer;
	}
	.sciencek7 { /* idem frerek7 mais brevets*/
		cursor: url('microscope.cur'), url('/images-dolly_divers/microscope.png'), pointer;
	}
	.pianok7 {
		cursor: url('piano.cur'), url('/images-dolly_divers/piano.png'), pointer;
	}
	.arrow, a .arrow, .arrow a { 
		cursor: default;
	}
	#abso {
		cursor: url('coquillage.cur'), url('/images-dolly_divers/coquillage.png'), pointer;
	}
	#bhr{
		cursor: url('nuage.cur'), url('/images-dolly_divers/nuage.png'), pointer;
	}
	.angle-haut-droit {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.angle-bas-droit {
		position: absolute;
		right: 0px;
		margin-bottom: 2em;
	}
	.angle-bas-gauche {
		position: absolute;
		left: 0px;
		margin-bottom: 2em;
	}
	.vague-titre { /* dans sommaire et map */
		margin: 3em 0 0 1em; 
		border: none;
		box-shadow: none;
		height : 2em;
	}
	.sommaire-container { /* ds sommaire*/
		display: flex;
		flex-direction: column;
		align-items: start;
		justify-content: center;
		/*grid-template-columns: repeat(6, minmax(0,1fr));
		grid-gap: 30px;*/
		padding-left: 180px;
	}
	.ordre { /* dans sommaire et map */
		margin-left : 8em;
		color : #493255;
		font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		font-size: 0.8em;
	}
	.sommaire { /* dans sommaire et map */
		margin-left : 2em;
		color : #492355;
		font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		font-size: 1.3em;
	}
	.prelude-conteneur-row {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-self: center;
		text-align: justify;
}
	.prelude-conteneur-row-nopc {
		display: none;
	}
	.padd-pc-only {
		padding: 5em 0;
	}
	.padd-nopc {
		padding: 0;
	}
	.mode-texte-2eme-rang-transversal {
		text-align: justify ;
		grid-row : 4 ;
		grid-column: 1/7 ;
	}
	.mode-catalogue-img {
		height: 180px;
		width: auto;
	}
	.enhaut-nomobile {
		margin-top : 3em;
	}
	.enbas-nomobile {	
		margin-bottom: 3em;
	}
	.mode_grid-conteneur {
		display: grid;
		justify-content: space-betwwen;
		align-items: center;
		grid-template-columns: repeat(4, 1fr);
    	grid-gap: 20px;
    	gap: 20px;
    	grid-auto-rows : minmax(0, auto);
    	padding-left: 0.7em;
	}
	.mode_grid-col1 {
		grid-column : 1/3 ;
    	grid-row : 1 ;
	}
	.mode_grid-col2 {
		grid-column : 2 ;
    	grid-row : 2 ;
    	justify-self: center;
	}
	.mode_grid-col3 {
		grid-column : 3 ;
    	grid-row : 2 ;
    	justify-self: center;
	}
	.mode_grid-col4 {
		grid-column : 4 ;
    	grid-row : 1 ;
    	justify-self: center;
	}
	.chapitre-bis {
		margin-left: 3.2em;	
		font-size: 1.1em;
	}
	#conteneur2coffret1, #conteneur2coffret2, #conteneur2coffret3, #conteneur2coffret4 {
		position: relative;
		width:220px;
		height: 280px;
	}
	#conteneur2coffret1 img, #conteneur2coffret2 img, #conteneur2coffret3 img, #conteneur2coffret4 img {
		cursor: zoom-in;
	}
	#conteneur2coffret1 #zoom1, #conteneur2coffret2 #zoom2, #conteneur2coffret3 #zoom3, #conteneur2coffret4 #zoom4 {
		cursor: zoom-out;
	}
	.coffret {
		position: absolute;
		z-index: 1;
	}
	#zoom1, #zoom2, #zoom3, #zoom4 {
		position: absolute;
		z-index: 0
	}
	.leg-zoom {
		position: absolute;
		top:265px;
		left: 75px;
	}
	.leg-zoom-long {
		position: absolute;
		top:265px;
		left: 40px;
	}
	.trousseau1 {
    	width: 250px;
   	 	height: 410px;
	}
	.trousseau2 {
    	height: 404px;
	}
	.trousseau3 {
    	height: 398px;
	}
	.trousseau4 {
    	height: 392px;
	}
	.pc-hidden {
		visibility: hidden;
	}
	.reference-dbimg {
		font-family:'MyExcalibur', 'Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
		text-align: center;
		margin-top : -280px;
	}
	.doll-dbimg img {
		display : block;
		margin: auto;
	}
	.notes {
		margin-bottom: -2em;
		margin-top: 3em;
	}
}





























/*-------------------------------------*/
/* pour tous les supports */

.megacontainer { /* ds index, usine - contient tout entre le header et le footer */
	/*width: 1200px; en fonction de la taille de l'écran*/
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	/*flex-direction: row; */
	justify-content: space-around; 
	align-items: flex-end;  /*pour que les photo moins hautes (K7 en largeur...) soient alignées sur la baseline du bas, par défaut c'est celle du haut !!*/
	margin: 1.5em auto;
	align-self: center;
}
/*.megacontainer_sf-index {
	font-size: 0.7em;
}
/*.accueil {
	width: 1200px;
}
.tout_sauf_accueil {
	width: 1200px;
}*/
.grandcontainer { /* class de la section qui contient la fiche - contient tout entre le header et les liens vers 'précédent ou suivant' ds les fiches de tenues*/
	display: flex;
	flex-direction: column;
	/*width: 1200px; en fonction de la taille de l'écran*/
	margin: 2em auto;
	padding: 0 0.5em;
	/*justify-content: space-around;*/
}
.headerminusnavbar { /* (comme son nom l'indique !) dans toutes les pages */
	/*display: flex;*/
	width: 100%;
	vertical-align: middle;
	justify-content: space-around; 
	/*padding-left :10px;*/
}
.logo { /*position du logo dans la barre titre*/
    float: left;
    margin-top: 40px;
    margin-left :60px;
    margin-right: -60px;
}
/*.fond_bleu_index .logo {
	margin-top: 20px;
}*/
img , .film { /* mise en page des photos et des videos - dans toutes les pages*/
 	border-width:2px;
 	border-style:solid;
 	border-color: #c1b6bd;
 	box-shadow: 6px 6px 6px #0d0011;
}
.film {
	width: 728px;
	height: 408px;
	display: flex;
	align-self: center;
	text-align: justify;
	margin: 3em auto;
	background-color: #c1b6bd;
	padding: 1px 0 0 1px;

}
.taillefilm {
	width: 728px;
	height: 408px;
}
.titrepage { /* titre de la page  - dans toutes les pages */
	width: 100%;
	font-family:  'MyDreamland', 'dreamlandregular', 'stripes60s', 'albaregular', Arial, sans-serif;
	font-size: 2.8em; 
	margin: 0 ; /*0 0 -20px -40px*/
	padding: 50px 0;
	text-align: center;
	color : #310b3d; 
	text-shadow: 4px 4px 4px #625966; /*#290335; #310b3d; #625966;*/
}
.bordure1, .bordure2, .bordure3,.bordure4 {
	border-width: 9px;
	border-style: solid;
	background-color: rgba(0,0,0,0);
}
.megacontainer  >.bord1 { /* ds index, usine - contient tout entre le header et le footer */ 
    width: 1400px; 
}
.headerminusnavbar >.bordure1 {
	margin: auto;
}
.bordure1 { /* pour les titres de pages de toutes les pages + section(s), formate la couleur la plus foncée */
	/*width: 100%;
	margin-left :50px;*/
	box-shadow: 6px 6px 6px #6E6B91;
	border-radius: 43px;
}
.bordure2 { /* pour les titres de pages de toutes les pages + section(s), formate la 2ème couleur en partant de l'extérieur */
	border-radius: 34px;
	margin-right: -1px;
}
.bordure3 { /* pour les titres de pages de toutes les pages + section(s), formate la 2ème couleur en partant de l'intérieur */
	border-radius: 25.5px; /*24px;*/
}
.bordure4 { /* pour les titres de pages de toutes les pages + section(s), formate la couleur la plus claire */
	/*font-size: 1.2em;*/
	border-radius: 17px;/*14px;*/
}
header .bordure4 {
	line-height: 1.4em;
}

/* bordures titre page + section(s) sommaire */
/*.bord1, .bord2, .bord3, .bord4 {
	border: 9px solid ;
	border-style: solid;
	background-color: rgba(0,0,0,0)
}*/
/*.bord1 {
    margin: 0.8em;
    justify-content: center;
    border: 6px solid #502399;
    box-shadow: 3px 3px 3px #6E6B91;
    border-radius: 15px;
}
.bord2 {
    border: 6px solid #6043B9;
    border-radius: 15px;
}
.bord3 {
    border: 6px solid #CC00CC;
    border-radius: 15px;
}*/
/*.bord4 {
    border: 6px solid #EC20EC;
    border-radius: 15px;
    background-color:rgba(240,214,255,0.8);
    padding: 1em;
}*/
/* bordures titre page + section(s) accueil */
.accueil1 {border-color: #502399;}.accueil2 {border-color: #6043B9;}.accueil3 {border-color: #CC00CC;}
.accueil4 {
    border-color: #EC20EC;
    background-color: rgba(240,214,255,0.4);  
}
/* bordures titre page + section(s) historique */
.histdeg1 {border-color: #f2c81b;}.histdeg2 {border-color: #f0d35b; }.histdeg3 {border-color: #f0da84; }
.histdeg4 {
	border-color: #f1e1ad;
	background-color: rgba(255,255,234,0.4); 
}
/* bordures titre page + section(s) fabrication */
.fabdeg1 {border-color: #048b9a;}.fabdeg2 {	border-color: #24abba;}.fabdeg3 {border-color: #44cbda;}
.fabdeg4 {
	border-color: #74fbff;
	background-color: rgba(175,251,255,0.2);
}
/* bordures titre page + section(s) prelude */
.preldeg1 {border-color: #0091f6;}.preldeg2 {border-color: #34a6f9;}.preldeg3 {border-color: #5bb7f7;}
.preldeg4 {
    border-color: #7cc4f6;
    background-color: rgba(211,233,247,0.5);
}
/* bordures titre page + section(s) prems, suivantes et etude */
.heldeg1{                 
    width: 100%;
    margin-left :50px;
    border-width: 9px;
    border-style: solid;
    box-shadow: 6px 6px 6px #6E6B91;
    border-color: #0000CC;
}
.heldeg2 {border-color: #1818E4;}.heldeg3 {border-color: #3030FC;}
.heldeg4 {
    border-color: #3366FF;
    background-color: rgba(228,236,255,0.5);
}
/* bordures titre page + section(s) gars */
.garsdeg1 {border-color: #51027d;}	.garsdeg2 {border-color: #5e009c;}.garsdeg3 {border-color: #7401c1;}
.garsdeg4 {
	border-color: #9a00ff;
	background-color: rgba(220,212,255,0.5);
}
/* bordures titre page + section(s) aloa */
.aloadeg1 {border-color: #5c008f;} .aloadeg2 {border-color: #7c20af;}.aloadeg3 {border-color: #9c40cf;}
.aloadeg4 {
	border-color: #bc60ef;
	background-color: rgba(223,204,255,0.5);
}
/* bordures titre page + section(s) copains */
.copdeg1 {border-color: #880066;} .copdeg2 {border-color: #b30082;}.copdeg3 {border-color: #da019a;}
.copdeg4 {
    border-color: #fa21ba;
    background-color: rgba(255,220,255,0.5);
}
/* bordures titre page + section(s) demoiselles */
.demdeg1 {border-color: #6c0277;} .demdeg2 {border-color: #8C2297;}.demdeg3 {border-color: #ac42b7;}
.demdeg4 {
    border-color: #da70d6;
    background-color: rgba(255,220,255,0.5) /*#ffdcff;*/
}
/* bordures titre page + section(s) kessy et knoch */
.kesdeg1 {border-color: #ce3bca;} .kesdeg2 {border-color: #fa37f5;}.kesdeg3  {border-color: #ff57ff;}
.kesdeg4 {
    border-color: #ff87ff;
    background-color: rgba(255,226,255,0.5);
}
/* bordures titre page + section(s) des différentes déclinaisons de toilettes, presentation, mode et fiches */
.dolldeg1  {border-color: #f3007a;} .dolldeg2 {border-color: #ff0094;}.dolldeg3 {border-color: #ff70a7;}
.dolldeg4 { /* bordures titre page + section(s) presentation et mode */
    border-color: #ffa3be;
    background-color: rgba(255,226,234,0.5);
    padding: 0;
}
.dolldeg4t, .dolldeg4f { /* bordures titre page + section(s) déclinaisons de toilettes et fiches (plus opaque à cause du fond bleu) */
    border-color: #ffa3be;
    background-color: rgba(255,226,234,1);
    padding: 0;
    justify-content: center;
}
/* bordures titre page + section(s) parade */
.pardeg1 {border-color: #ff5800;} .pardeg2 {border-color: #ff892f;}.pardeg3 {border-color: #feb372;}
.pardeg4 {
	border-color: #ffd5ad;
	background-color: rgba(255,237,205,0.2);
}
/* bordures section fiches */
.fiche1 {
    margin: 0.8em;
    justify-content: center;
    border: 6px solid #f3007a;
    background-color: #ff0094;
    box-shadow: 3px 3px 3px #6E6B91;
    border-radius: 15px;
}
.fiche2 {
    border: 6px solid #ff0094;
    background-color: #ff70a7;
    border-radius: 15px;
}
.fiche3 {
    border: 6px solid #ff70a7;
    background-color: #ffa3be;
    border-radius: 15px;
}
.fiche4 {
    border: 6px solid #ffa3be;
    background-color:rgba(255,228,235,0.8);
    border-radius: 15px;
    /*padding: 0.5em 1em 0.5em 0.5em;*/
}
.photo { /* dans index - Si pas aileurs que dans index, renommer "cell" en photo */
	margin: 2em;
}
.photo1 {
  margin: 2em 2em auto;
}
.photo2 {
  margin: 1em 2em 2em 2em;
}
/*.movie { /* pour laisser un peu d'espace entre les films de OUAT 
	margin-right: 2em;
}*/

/*.cell, .cell-nobordure { /* dans index*/
/*	display: table-cell;
    vertical-align: middle;
    padding: 20px; /* je replace le padding de ".accueil" sur les enfants pour espacer les cellules */
/*}*/
.conteneur{
	display: inline;
	vertical-align: middle;
    padding: 20px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.cell-nobordure img {
	border : none;
	box-shadow: none;
}
.nocell {
	display: inline;
}
.colonne {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.textesmall-nomargin {
	/*color : #492355;*/
	width: 90%;
	align-self: center;
	text-align: justify;
	margin: auto;
}
.legal{ /* mentions légales */ 
	text-align: justify;
}
.legal .accueil4 {
	padding: 1em;
}
.legal h3 {
	color : #60077c;
	font-family:'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 1.5em;
	text-shadow: 2px 2px 2px #625966;
	margin: 1em 0 1em 2em;
}
.legal a {
	text-decoration: underline;
	cursor: default;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.no-italic {
	font-family: 'liberation_serifregular', Arial, serif;
}
.divdsdiv {
	
}
.vestiaire { /* format des titres h2 */
	color : #60077c;
	font-family:'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 1.6em;
	text-shadow: 2px 2px 2px #625966;
	margin: 2em 0 2em 2em;
}
.bulle-1st { /* dans sommaire et map */
	margin-left : 2em;
	margin-top: calc(130px - 1.3em);
	color : #60077c;
	font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 1.3em;
}
.bubble-space { /* dans sommaire et map */
	height: 220px;
}
/*.im-row1 {
	grid-column:1/2;
	grid-row: 1;
}
.im-row2 {
	grid-column:1/2;
	grid-row: 2;
}
.im-row3 {
	grid-column:1/2;
	grid-row: 3;
}
.row1 {
	grid-column: 3/6;
	grid-row: 1;
	display: flex;
	justify-content: center;
	align-items: center;
    margin-left: -8em;
    margin-top: -4.2em;
}
.row2 {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column:3/6;
	grid-row: 2;
}
.row3 {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column:3/6;
	grid-row: 3;
}
.row4 {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-column:3/6;
	grid-row: 4;
}*/
.gg { /* usine */
	font-family: 'scriptoptiregular', cursive;
	font-size : 1.2em;
}
.chapitre { /* format des sous-titres h3 dans fabrication */
	color : #60077c;
	text-shadow: 1px 1px 2px #625966;
	font-family:'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 1.3em;
	margin-bottom: 1.5em;
	margin-left: 3.2em;
}
.no-margin_bottom {
	margin-bottom: 0;
}
.paragraphe { /* format des sous-sous-titres h4 dans mode */
	color : #60077c;
	font-family:'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 1.5em;
	margin-left : 5em;
}
.texte, .texte-simple { /* double emploi !! texte est le format du texte dans toutes les pages (sauf parade, pour le moment), non utilisé dans index ni dans usine. A voir */
	/*color : #492355;*/
	/*font-size: 1.2em;
	line-height: 1.4em;*/
	display: flex;
	flex-direction: column;
	width: 90%;
	align-self: center;
	text-align: justify;
	margin: 3em auto;
}
.texte-transversal_nogrid {
	display: block;
	width: 90%;
	align-self: center;
	text-align: justify;
}
.texte_classic {
	font-size: 1.5em;
	/*display: flex;
	align-self: center;
	text-align: justify;*/
	/*color : #492355;*/
}
.transparent{
	/*list-style: none;
	color:  transparent;*/
	visibility: hidden;
}
.illustration { /* format de la légende des illustrations */
	font-family: Georgia, serif;
	font-size : 0.8em;
	line-height: 1.5em;
	padding-top: 0.8em;
	text-align: center; 
}
.texte_photos { /* dans usine */
	/*color : #492355;*/
	/*font-size: 1.2em;
	line-height: 1.4em;*/
	/*display: flex;
	flex-direction: row;
	/*width: 90%;*/
	/*align-self: center;*/
	text-align: justify;
	/*margin: auto;*/
}
.quote { /* pour les citations gégé (parade, prems, prelude, aloa et mode) */
	color : blue;
	font-family: 'scriptoptiregular', cursive;
	font-size: 1.2em;
}
.rotate {
	transform: rotate(-30deg);
}
.antirotate {
	transform: rotate(30deg);
	margin-top: 6em;
}
.plusadroite {
	margin: -10em 10em auto 15em;
	display: table;
	width: 80%;
}
.tenue { /* dans parade - voir à quoi ça sert ?? */
	color : black;
	display: flex;
	flex-direction: column;
	width: 90%;
	align-self: center;
	text-align: justify;
	margin: 3em auto;
}
#lien a { /* dans prems, suivantes et kessy - liens vers suivantes, prems et knoch en bas de page */
	margin-top: 12em;
    margin-bottom : 6em;
    margin: 9em auto 6em auto;
    font-family: 'albaregular', 'scriptoptiregular', serif, sans-serif;
    font-size: 1.1em;
    text-align : center;
    display: block; /* sont transformés en balises de type block*/
    width: 10em; /* de largeur 10em*/
    line-height: 3em; /* de hauteur 3em*/
    background : rgba(49, 11, 61, 0.95); /* couleur de fond */        
    color : #e1e6fa; /* couleur du texte */
    border-radius: 10px; 
    border-width:0.5px;
    border-style:solid;
    border-color: rgb(175, 175, 199);
    box-shadow: 6px 6px 6px #0d0011;
    justify-content: center; 
}
#lien a:hover {/* Lorsque la souris passe sur ce lien */    
    color: #310B3D; /* On passe le texte en violet...*/
    background: rgba(225, 230, 250, 1); /* ... et au contraire, le fond en bleu pâle */
    border-width:1px;
    border-style:solid;
    border-color: rgb(49,11,61);
    box-shadow: 6px 6px 6px #0d0011;
}
#lien .li-long { /* dans kessy*/
    width: 18em;
}
.script { /* dans parade */
	font-family: 'scriptoptiregular', cursive;
	font-size : 1.8em;
}
.lettrine { /* dans parade - majuscule du 1er Dolly */
  	font-size:2.5em;
  	color:#860086;
  	text-shadow: 4px 4px 4px #405060;
}
.dolly { /* dans parade - style du mot Dolly */
	font-size:1.9em;
	color:#860086;
  	text-shadow: 4px 4px 4px #405060;
}
.pote { /* dans parade - style des noms des copains */
	color:#6300B6;
	font-style: italic;
	font-weight: bold;
}
.toilette { /* dans toutes les pages - style du nom des toilettes*/
	color:#860086;
	font-style: italic;
	font-weight: bold;
}
/* dans copains - tableau comparatif des mensurations */
table { /* format du tableau */
	background-color: white;
	text-align: center;
	box-shadow: 6px 6px 6px #0d0011;
}
th { /* en-têtes des colonnes */
	background-color: #e6e6fe;
	font-style: italic;
	border: 0.5px solid grey;
}
td { /* format des cellules*/
	border: 0.5px solid grey;
}
.pp { /* nom des poupées - à revoir */
	background-color: #ffffcb;
	font-size: 1.2em;
	font-weight: bold;
}
.iddolly { /* quand les mensuratons sont celles de Dolly */
	font-size:1.3em;
	color:#860086;
	font-weight: bold;
}
.legende { /* légende du tableau*/
	font-size:0.8em;
	font-style: italic;
}
/* */
.liste { /* dans mode et fiches - style des puces */
	list-style-type: disc;
	margin-right: 1em;
}
.ici { /* dans knoch (lien vers les poupées Engel) */
	font-size : 1.1em;
	font-style: italic;
	font-weight: bold;
}
.ici:hover {
	text-decoration: underline;
}
.ici:active {
	color : #ce3bca;
}
.asterix{ /* dans mode et fiches - pièce marquée */
	font-family: Georgia, serif;
	font-size:2em;
	color:#962096;
	font-weight: bold;
}
.info { /* descriptif dans fiche*/
	/*width : 700px /*calc(70% - 6em - 220px - 15px)*/;
	display: flex;
	flex-direction: column;
	font-size: 1.5em;
	text-align: left;
	vertical-align: middle;
	line-height: 2.1em;
	padding: 0;
	margin-bottom: 2em ;
}
.info img { /* pour enlever l'ombre sur les vagues qui entourent le descriptif */
	box-shadow: none;
	border: none;
}
.info1 { /* dans fiches */
	padding: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	font-family:'MyExcalibur', 'Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	font-size: 0.9em;
	/*color : #492355;*/
}
.info2 {
	padding: 0;
	margin: 0;
	width: 100%;
	display: flex;
	flex-direction: row;
	/*justify-content: space-between;*/
}
.info3 {
	color : #60077c;
	font-family: 'scriptoptiregular', cursive;
	font-size: 1.8em;
	text-shadow: 1px 1px 1px #405060;
	margin: 2em 1em;

}
.nocatalogue {
	display: flex;		
	height: 200px;
	width: 150px;
	padding: 1.5em 1em;
	margin-top: 1em;
	align-items: center;
	flex-direction: column;
	justify-content: center.;
	background: url('/dolly_catalogues/cat_r/nocatgg.png');
	border-width:2px;
 	border-style:solid;
 	border-color: #c1b6bd;
 	box-shadow: 6px 6px 6px #0d0011;
}
.nocat {
	display: block;
	font-family:'albaregular', 'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	text-align: center;
	align-self: center;
}
.petitelettrine { /* dans sommaire - majuscules du sous-titre */
  	font-size:1.5em;
  	color:#60077c;
  	text-shadow: 2px 2px 2px #405060;

}
.vague-haut { /* dans fiche, entourent le descriptif */
	margin: 1em 0 0 -1em; /* margin: 1em 0 0 0; */
	max-height: 19px;
	/*z-index: 2;
	/*border-bottom-left-radius: 10px ;
	border-bottom-right-radius: 50px;*/
}
.vague-bas {
	margin: -0.5em 5px 1em -1em;/*margin: 0.2em 5px 1em 5px; */ 
	max-height: 19px;
	/*z-index: 1;
	/*border-top-left-radius: 50px ;
	border-top-right-radius: 50px;*/
}
.vague-gauche {
	margin: -1.2em 2em -0.6em -1em;/* margin: -1em 1em -1em 0; */
	max-width: 19px;
	/*z-index: 1;
	/*border-bottom-right-radius: 50px ;
	border-top-right-radius: 50px;*/
}
.vague-droit {
	margin: -1.2em 0 -1em 0; /* margin: -1em 0 -1em 0; */
	max-width: 19px;
	/*z-index: 1;
	/*border-top-left-radius: 50px ;
	border-bottom-left-radius: 50px;*/
}
.vague-haut_db { /* dans fiche, entourent le descriptif des longues descriptions */
	margin: 2em 0 0 0; /* margin: 1em 0 0 0; */
	max-height: 19px;
	/*z-index: 2;
	/*border-bottom-left-radius: 10px ;
	border-bottom-right-radius: 50px;*/
}
.vague-bas_db {
	margin: 0.4em 5px 1em 5px;/*margin: 0.2em 5px 1em 5px; */ 
	max-height: 19px;
	/*z-index: 1;
	/*border-top-left-radius: 50px ;
	border-top-right-radius: 50px;*/
}
.vague-gauche_db {
	margin: -1em 2em -1em 0;/* margin: -1em 1em -1em 0; */
	max-width: 19px;
	/*z-index: 1;
	/*border-bottom-right-radius: 50px ;
	border-top-right-radius: 50px;*/
}
.vague-droit_db {
	margin: -1em 0; /* margin: -1em 0 -1em 0; */
	max-width: 19px;
	/*z-index: 1;
	/*border-top-left-radius: 50px ;
	border-bottom-left-radius: 50px;*/
}
.principale { /* taille de la photo principale de la tenue ds fiches */
	height: 360px;
	width: auto;
}
.idefix {
	font-family: Georgia, serif;
	font-size:1em;
}
.obelix {
	font-size:1.5em;
	color:#962096;
	font-weight: bold;
}
.grande_taille {
	font-size: 1.8em ;
}
.grid-container { /* pas ds index*/
	display: grid;
	grid-template-columns: repeat(16, minmax(0,1fr));
	grid-gap: 30px;
	padding-top: 20px;
}
.sommaire-chapitre { /* dans sommaire et dsmap */
	display: flex;
	flex-direction: row;
	align-items: center;
}
.jonction {
	margin-top: -1px;
	margin-bottom: -1px;
}
.figurejonction {
	height: 50px;
}
.photog { /* pas ds index*/
	align-self: center;
	grid-column: 2/6;
	/*grid-row: 2/4;*/
	grid-auto-rows: minmax(430px,auto);
}
.texteadroite { /* pas ds index*/
	grid-column: 7/16;
	/*grid-row: 2/4;*/
	grid-auto-rows: minmax(430px,auto);
}
.texteseul { /* pas ds index*/
	grid-column: 2/16;
	/*grid-row: 6;*/
	grid-auto-rows: minmax(auto);
}
.photod { /* pas ds index*/
	align-self: center;
	grid-column: 12/16;
	/*grid-row: 8/12;*/
	grid-auto-rows: minmax(430px,auto);
}
.texteagauche { /* pas ds index*/
	grid-column: 2/11;
	/*grid-row: 8/12;*/
	grid-auto-rows: minmax(430px,auto);
}
.liencontact { /* pas ds index*/
	justify-content: center; 
	text-align: center;
	width: 900px;
	padding:5em 0;
	margin: auto;
}
.containerhaut { /* dans fiches - contient la photo principale de la tenue sur poupée et sa description*/ 
	display: flex;
	/*flex-direction: row;*/
	flex-wrap: wrap;
	width: 100%;
	min-height: 400px;
	align-items: center; 
    /*justify-content: space-between; */
    /*padding: 0;*/
}
.containerbas { /* dans fiches - contient les autres photos de la tenue (en boîte...) ou les variantes*/
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: flex-end;  /*pour que les photo moins hautes (K7 en largeur...) soient alignées sur la baseline du bas, par défaut c'est celle du haut !!*/
    justify-content: space-around; 
}
.tenuecontainer, .inventairecontainer { /*dans fiches - contient les photos des tenues ou les photos des catologues et étiquettes*/
	display: flex;
	flex-wrap: wrap;
    justify-content: space-evenly; 
	align-items: flex-end;  /*pour que les photo moins hautes (étiquettes...) soient alignées sur la baseline du bas, par défaut c'est celle du haut !!*/
}
.inventairecontainer {
	flex-direction: row;
	margin-right: 2em;
	margin-bottom: 2em;
	margin-left: 2em;
}
.tenuecontainer a {
	margin: 0 10px 20px 10px;
}
/*.fond_bleu_index >.tenuecontainer {
	justify-content: space-between;
}*/
.conteneurinventaire { /* dans fiches - contient l'espace dédié aux étiquettes et catalogues, avec le cartouche, bordure rose */
	width: 70%;
    background-color: #ff70a7; 
    margin: 60px auto; 
    padding: 3px;
    border-radius:20px;
    display: flex; 
    flex-direction: column; 
    justify-content: center;
    box-shadow: 3px 3px 3px #6E6B91;
}
.sousconteneurinventaire { /* dans fiches - dem conteneurinventaire , sauf bordure blanche */           
    background-color: white ; /*#ffa3be*/
    padding: 3px;
    border-radius: 20px;
}
.inventaire { /* dans fiches - idem conteneurinventaire , sauf intérieur */
    background-color:rgba(255,215,226); 
    padding: 3px;
    border-radius: 20px;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.cartouche { /*dans fiches */
    background: url('/dolly_fonds/cartouche.png');
    width: 360px; 
    height: 40px; 
    font-family: 'albaregular', 'scriptoptiregular', serif, sans-serif;
    font-size: 1.2em; 
    margin-top:-29px;
    margin-right: auto;
    margin-left: auto;
    display: flex; 
    padding-top: 6px;
    justify-content: center;
}
.photo-catalogue { /*dans fiches, mode */
	display:flex;
    flex-direction: column;
    justify-content: center;
    /*margin:2em;*/
}
.photo_catalogue { /*dans mode */
	display:flex;
    flex-direction: row;
    justify-content: center;
}
.img-catalogue  { /*dans fiches */
    height: 200px;
    width :auto;
    margin:1em 0.5em;
}
.sticker { /*dans fiches */
	height: 50px;
    width :185px;
    margin: 0.1em 0 2.5em 0;
}
.db-stickers {
	display: flex;
	flex-direction: column;
}
.catalogue_dpm:hover { /*dans fiches */
	cursor: url('cat-dpm.cur'), url("/images-dolly_divers/cat-dpm.png"), pointer;
}
.catalogue_dm:hover { /*dans fiches */
	cursor: url('cat-dm.cur'), url("/images-dolly_divers/cat-dm.png"), pointer;
}
.catalogue_dgm:hover { /*dans fiches */
	cursor: url('cat-dgm.cur'), url("/images-dolly_divers/cat-dgm.png"), pointer;
}
.catalogue_nvt:hover { /*dans fiches */
	cursor: url('cat-nvt.cur'), url("/images-dolly_divers/cat-nvt.png"), pointer;
}
.catalogue_desa:hover { /*dans fiches */
	cursor: url('cat-desa.cur'), url("/images-dolly_divers/cat-desa.png"), pointer;
}
.plusieurs_versions {/* dans fiches - pour opéra */
	display: flex;
	flex-direction: column;
}
.lien_cf a { /* dans prems, suivantes et kessy - liens vers suivantes, prems et knoch en bas de page */
	margin: 2em auto 3em auto;
    font-family: 'albaregular', 'scriptoptiregular', serif, sans-serif;
    font-size: 1.1em; 
    text-align : center;
    display: block; /* sont transformés en balises de type block*/
    width: 16em; /* de largeur 10em*/
    line-height: 3em; /* de hauteur 3em*/
    background : rgba(49, 11, 61, 0.95); /* couleur de fond */        
    color : #e1e6fa; /* couleur du texte */
    border-radius: 10px; 
    border-width:0.5px;
    border-style:solid;
    border-color: rgb(175, 175, 199);
    box-shadow: 6px 6px 6px #0d0011;
    justify-content: center; 
}
.lien_cf a:hover {/* Lorsque la souris passe sur ce lien */    
    color: #310B3D; /* On passe le texte en violet...*/
    background: rgba(225, 230, 250, 1); /* ... et au contraire, le fond en bleu pâle */
    border-width:1px;
    border-style:solid;
    border-color: rgb(49,11,61);
    box-shadow: 6px 6px 6px #0d0011;
}
/*.bigphoto {
	width: 150%;
	margin-top: 2em;
}*/

/* pour les déclininaisons de toilettes */
.trousseau1 {
    margin: 0.8em;
    justify-content: center;
    border: 3px solid #f3007a; 
    background-color: #ff0094;
    box-shadow: 3px 3px 3px #6E6B91;
    border-radius: 10px;
}
.trousseau2 {
    border: 3px solid #ff0094;
    background-color: #ff70a7;
    border-radius: 10px;
}
.trousseau3 {
    border: 3px solid #ff70a7;
    background-color: #ffa3be;
    border-radius: 10px;
}
.trousseau4 {
    border: 3px solid #ffa3be;
    background-color: rgba(255,228,235,0.6);
    border-radius: 10px;
    padding: 0.5em 1em;
    justify-content: center;
    align-self: center;
}
/*.doll,*/ .eventail { 
	justify-content: center;
	align-self: center;
}
.doll { 
	margin: 0 auto;
}
.eventail { 
	margin: 1em auto;
}
.doll img {
	display : block;
	margin: auto;
}
.reference {
	/*margin: 1em;*/
	justify-content: center;
	font-family:'MyExcalibur', 'Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	text-align: center;
}
.trousseau4 .reference { /* ATTENTION : à toujours mettre après .reference pour que cette dernière mise en forme soit appliquée */
	margin: -1em 1em;
}
.nom {
	font-size: 1.2em;
	color: #551A8B; /* 5d1474*/
	text-align: center;
}
.numero {
	font-size: 0.9em;
	color: #551A8B;
	text-align: center;
	text-decoration: underline;
}
.coffrets {
	display:flex;
	flex-direction: column;
	justify-content:flex-end;
	margin:1em;
}
.coffrets .doll {
	margin-bottom: -25px;
}
.coffrets-container, .coffret-container {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap:wrap;
}
.coffrets-container {
	background-color: rgba(255,226,234,0.8);
}
.coffrets img, .coffret {
	width:200px;
	height: 260px;
}

/*.lienfiches { /* dans fiches */
/*	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	margin: 2em auto;
	padding-left: 5em;
	padding-right: 5em;
}*/
.vers { /* dans fiches */
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-family:'MyExcalibur', 'Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	/*color: #abd4fe;*/
	text-align: center;
}
/*.lienfiches img, { /* dans fiches*/
/*	border: none;
 	box-shadow: none;
}*/
/*.lienfiches .texte-centre .milieu >img {
	display: block;
	justify-content: space-around;

}
/*.liencontact img {
	/*width: 884px;
	margin : auto;
}*/

.marge { /* permet de créer un espace pour éloigner du bord les textes de commentaires dans les fiches */
	margin-left: 2em;
}



/* codage pour grid - page accueil*/
.accueil_grid_conteneur { /* contenu de la page ds la bordure4 , aussi dans usine pour le dernier chapitre*/
/*	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 20px;
	gap: 20px;
	/*grid-template-columns : repeat(auto-fill, minmax(50px, 1fr));*/
/*	grid-auto-rows : minmax(0, auto);*/

	/*color : #492355;*/
	align-self: center;
	text-align: justify;
	align-items: center;
}
/*.accueil_1st-photo { /* et dans usine */
/*	grid-column : 2 ;
	grid-row : 2 ;
}
.accueil_1st-paragraph {
	grid-column : 3/6 ;
	grid-row : 2 ;
}
.accueil_grid_conteneur .texte-transversal-4 {
	grid-column : 2/6 ;
	grid-row : 4 ;
}
.accueil_3rd-paragraph {
	grid-column : 2/4 ;
	grid-row : 6 ;
}
.accueil_grid_conteneur .texte-transversal-7 {
	grid-column : 2/6 ;
	grid-row : 7 ;
}
.accueil_2nd-photo {
	grid-column : 5 ;
	grid-row : 6 ;
}
.accueil_3rd-photo {
	grid-column : 2 ;
	grid-row : 9 ;
}
.accueil_4th-paragraph {
	grid-column : 3/6 ;
	grid-row : 9 ;
}*/
.img_centre {
	text-align: center;
}
.nobordure img {
	border : none;
	box-shadow: none;
}
.no-shaddow {
	box-shadow: none;
}
.no-bordure { /* pour les images récalcitrantes */
	border : none;
	box-shadow: none;
}
.autour {
	margin-top : 3em;
	margin-bottom: 3em;
}
.rembourrage {
	margin-left: 2em;
	margin-right: 2em;
}
.dbrembourrage {
	margin-left: 13em;
	/*margin-right: 8em;*/ /* utilisé ds prelude pour la conclusion de Cathie. La valeur du right n'a pas d'influence sur le placement su div. */
}
.padd {
	padding: 5em 0;
}
.padd-haut {
	padding-top: 5em;
}
.padd-bas {
	padding-bottom: 5em;
}
.mini-padd {
	padding: 3em 0;
}
.mini-padd-haut {
	padding-top: 3em;
}
.mini-padd-bas {
	padding-bottom: 3em;
}
.femto-padd {
	padding: 5px;
}
.femto-pad-haut_bas {
	padding: 5px 0
	}
.bas {
	padding-bottom: 3em;
}
/* codage pour grid - page usine*/
.fondation_grid_conteneur-1 , .fondation_grid_conteneur-2, .fondation_grid_conteneur-3, .fondation_grid_conteneur-4, .fondation_grid_conteneur-5 { /* contenu de la page ds la bordure4 */
	/*font-size : 1.5em;
	line-height: 1.8em;*/
	align-items: center;
	align-self: center;
	text-align: justify;
	padding: 0 2em;
}
.mode_grid_conteneur-1 {
	align-items: center;
	align-self: center;
	text-align: justify;
	margin: 0 -2em;
}


.retrait {
	text-indent: 30px;
}
.texte_2eme-rang_col1a7 {
	padding-left: 0; 
	margin-left : 0;
	display: flex;
	justify-content: space-between;
}
/*.histdeg4 .fondation_grid_conteneur-1 .divdsdiv figure {
	margin-left: 2em;
	margin-right: -5em;
}*/
.fondation_grid_conteneur-1 .texte-transversal {
	grid-column : 1/8 ;
	grid-row : 4 ;
	/*color : #492355;*/
}
.fondation_grid_conteneur-2 .texte-transversal {
	grid-column : 1/7 ;
	grid-row : 3 ;
	/*color : #492355;*/
}
.span_gg {
	font-family: 'scriptoptiregular', cursive;
	font-size: 120%;
}
.bold {
	font-weight: bold;
	font-size: 120%;
}
.histdeg4 .titrepage {
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.leg-vert { /* légende verticale des photos dans les fiches, pour copyright */
	font-size: 1em;
	transform : rotate(-90deg) ; 
	margin-left: -156px; 
	margin-bottom: -115px;
}
.leg_vert { /* légende verticale des photos dans les pages, pour copyright */
	font-size: 0.8em;
	transform : rotate(-90deg) ; 
	vertical-align: bottom;
	margin-left: -200px; 
	margin-bottom: -80px;
}
.leg--vert {
	font-size: 0.8em;
	transform : rotate(-90deg) ; 
	vertical-align: baseline;
	margin-left: -330px; 
	margin-bottom: -30px;
}
.leg_vert1{
	font-size: 0.8em;
	 transform: rotate(-90deg) translateX(680px) translateY(-360px);
}
.leg_vert2 {
  font-size: 0.8em;
  transform: rotate(-90deg);
  margin-left: -590px;
  margin-bottom: -240px;
}
.photo_droite_2eme-rang {
	grid-column : 7 ;
	grid-row : 3 ;
}
.usine_2eme-rang_centreg{
	grid-column:2 ;
	grid-row: 3;
	margin-left: -2em;
}
.texte_2eme-rang_col3a8 {
	grid-column:3/8 ;
	grid-row: 3;
	padding-left: 0; 
	margin-left : -1em;
} 
.usine_3eme-rang_gauche {
	grid-column:1 ;
	grid-row: 4;
} 
.usine_3eme-rang_droite {
	grid-column: 6/7 ;
	grid-row: 5;
}
.photo-centre{
	max-width: 100%;
	display: block;
	margin: auto;
}
.usine_1er-rang_droite {
	grid-column: 6/7 ;
	grid-row: 2;
}
.texte_1er-rang_col1a5 {
	grid-column:1/6 ;
	grid-row: 2;
}
.illustration1 { /* ds usine, pour la légende de la photo de Nuremberg, qui est hors grid-conteneur, et donc la classe .illustration diminue trop la police */
	font-family: Georgia, serif;
	font-size : 1.2em;
	line-height: 1.5em;
	padding-top: 1.5em;
	text-align: center; 
}
.illustration2 { /* ds usine, pour la légende de la photo de Nuremberg, qui est hors grid-conteneur, et donc la classe .illustration diminue trop la police */
	font-family: Georgia, serif;
	font-size : 1.2em;
	line-height: 0.2em;
	text-align: center; 
}
.texte_3eme-rang_centre {
	grid-column:2/6 ;
	grid-row: 4;
	/*padding-left: 0; 
	margin-left : -1.5em;*/
}
.sabine {
	margin-left: 54px;
	margin-right: 54px;
}
.a-peine-plus-haut{ 
	margin-top: -0.8em;
}
.plus-haut {
	margin-top: -3em;
}
.bcp-plus-haut {
	margin-top: -9em;
}
.a-peine-plus-bas{ 
	margin-top: 1em;
}
.plus-bas {
	margin-top: 3em;
}
.bcp-plus-bas { 
	margin-top: 6em;
}
.bcp-bcp-plus-bas {
	margin-top: 12em;
}
.tres-peu-a-gauche {
	margin-left: -2.6em;
}
.plusagauche {
	margin-left: -180px;
}
.encoreplusagauche {
	margin-left: -130px;
}
.moins-d-espace-dessous {
	margin-bottom: -2em;
}
.flex-start {
	align-self: flex-start;
}
.flex-end {
	align-self: flex-end;
}
.tres-peu-a-droite {
	margin-left: 2.6em;
}
.legerement-a-droite {
	margin-left: 32px;
}
.tres-legerement-a-droite {
	margin-left: 10px;
}
.encore-un-peu-plus-a-droite {
	margin-right : -8em;
}
.texte_1er-rang_col2a8 {
	grid-column:2/8 ;
	grid-row: 2;
} 
.usine_3eme-rang_col4a7 {
	grid-column:4/7 ;
	grid-row: 4;
}
.texte_4eme-rang_centre {
	grid-column:2/6 ;
	grid-row: 5;
}
.usine_4eme-rang_col5a7 {
	 grid-column:5/7 ;
	grid-row: 5;
}
.container_oscars { /* dans usine - contient les photos des poupées primées, dans fabrication*/
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	/*align-items: flex-end;  /*pour que les photo moins hautes (K7 en largeur...) soient alignées sur la baseline du bas, par défaut c'est celle du haut !!*/
    justify-content: space-around; 
    padding: 2em 0;
}
.container_caroline { /* dans usine - contient les photos des poupées prmées*/
	display: flex;
	flex-direction: row;
	width: 80%;
	margin: auto;
	flex-wrap: wrap;
	align-items: flex-end;  /*pour que les photo moins hautes (K7 en largeur...) soient alignées sur la baseline du bas, par défaut c'est celle du haut !!*/
    justify-content: space-around; 
    padding-bottom: 2em;
}
.underline {
	text-decoration: underline;
	text-decoration-color: #492355;
}
.reducer {
	height: 260px;
	width: auto;
}
.espace-dessous {
	margin-bottom: 4em;
}
.espace-dessus {
	padding-top : 3em;
}
.prel-deg4 {
	text-align: justify;
	padding: 2em;
}

.prelude-conteneur-column {
	/*display: flex;*/
	flex-direction: column;
	align-items: center;
	align-self: center;
	text-align: justify;
}
.container-prelude {
	/*display: flex;*/
	align-items: center;
	align-self: center;
	text-align: justify;
	justify-content: center;
	padding: 0 2em;
}
.moinslarge {
	width: 70%;
}
.plusetroit {
	width: 55%;
}
.smallpic10 {
	height : 300px;
	width: 160px;
	transform: rotate(-25deg);
	margin-bottom: -100px;
	margin-left: 30px;
}
.smallpic11 {
	height : 300px;
	width: 160px;
	transform: rotate(-20deg);
	margin-left: -46px;
	margin-bottom: -50px;
}
.smallpic12 {
	height : 300px;
	width: 160px;
	transform: rotate(-15deg);
	margin-left: -46px;
	margin-bottom: -10px;
}
.smallpic13 {
	height : 300px;
	width: 160px;
	transform: rotate(-10deg);
	margin-left: -46px;
	margin-bottom: 18px;
}
.smallpic13a {
	height : 300px;
	width: 160px;
	transform: rotate(-20deg);
	margin-left: -38px;
	margin-bottom: 0;
}
.smallpic13b {
	height : 300px;
	width: 160px;
	transform: rotate(-10deg);
	margin-left: -38px;
	margin-bottom: 70px;
}
.smallpic130 {
	height : 300px;
	width: 160px;
	transform: rotate(0deg);
	margin-left: -46px;
	margin-bottom: 29px;
}
.smallpic13c {
	height : 300px;
	width: 160px;
	transform: rotate(0deg);
	margin-left: -38px;
	margin-bottom: 95px;
}
.smallpic13d {
	height : 300px;
	width: 160px;
	transform: rotate(10deg);
	margin-left: -38px;
	margin-bottom: 70px;
}
.smallpic13e {
	height : 300px;
	width: 160px;
	transform: rotate(20deg);
	margin-left: -38px;
	margin-bottom: 0;
}
.smallpic14 {
	height : 300px;
	width: 160px;
	transform: rotate(10deg);
	margin-left: -46px;
	margin-bottom: 21px;
}
.smallpic15 {
	height : 300px;
	width: 160px;
	transform: rotate(15deg);
	margin-left: -46px;
	margin-bottom: -3px;
}
.smallpic16 {
	height : 300px;
	width: 160px;
	transform: rotate(20deg);
	margin-left: -46px;
	margin-bottom: -38px;
}
.smallpic17 {
	height : 300px;
	width: 160px;
	transform: rotate(25deg);
	margin-left: -46px;
	margin-bottom: -82px;
}
.smallpic1 {
	height : 250px;
	width: 480px;
}
.smallpic2 img {
	height : 260px;
	width: 380px;
	
}
.smallpic3 img {
	height : 400px;
	width: 520px;
	
}
.largeur400 {
	width: 400px;
	margin-left: 80px;
}
.prel-deg4 h2 {
	margin: 1em 2em;
}

.thin {
	line-height: 5px;
}
.stiquette {
	height: 60px;
	width: 200px;
}
.prelude_conteneur_row {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-self: center;
		text-align: justify;
}
.chapitre-bis {
	color : #60077c;
	/*text-shadow: 1px 1px 2px #625966;*/
	font-family:'MyExcalibur','Excalibur Nouveau Medium', 'albaregular', Arial, sans-serif;
	margin-bottom: 1.5em;
}
.exposant {
	font-family: Georgia, serif;
	color: #d800e7;
	vertical-align: super;
}
.legende-exposant {
	font-family: Georgia, serif;
	font-size:0.8em;
}