BODY {
    width: 100%;
    font-family: 'Lobster Two', cursive;
    font-style: italic;
    color: white;
    font-size: 36px;
}

H1 {
    font-size: 2em;
    margin: 0.25em 0;
}

h2 {
    margin: 0;
    font-size: 2em;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
/*	color: #f8bc04;*/
	color: #55aad1;
}

.bouton,
a.bouton {
    display: inline-block;
    background: #f8bc04;
    color: #55aad1;
    margin: 0em 0 0 0;
    padding: 0.25em 0.5em;
    width: 8em;
}

.bouton:hover,
a.bouton:hover {
    color: white;
    box-shadow: 0 0 5px white;
}

.container {
    width: 100%;
    position: relative;
}

.container .losange-container,
.container .content-container {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.container .losange-container .losange {
	background-repeat: no-repeat;
	position: absolute;
}

.container .losange-container .losange.blue {
	background-image: url('images/losange-b.png');
}

.container .losange-container .losange.orange {
	background-image: url('images/losange-o.png');
}

.container .losange-container .losange.small {
	width: 180px;
	height: 180px;
	background-size: 180px;
}

.container .losange-container .losange.medium {
	width: 387px;
	height: 387px;
	background-size: 387px;
}

.container .losange-container .losange.big {
	width: 720px;
	height: 720px;
	background-size: 720px;
}

.container .losange-container .losange.very-big {
	width: 1080px;
	height: 1080px;
	background-size: 1080px;
}

.container .losange-container .losange#los-1 {
    top: 0px;
    left: 90px;
}

.container .losange-container .losange#los-2 {
    top: 540px;
    left: 463px;
}

.container .losange-container .losange#los-3 {
    top: 540px;
    left: 153px;
}

.container .losange-container .losange#los-4 {
    top: 643px;
    left: 256px;
}

.container .losange-container .losange#los-5 {
    top: 747px;
    left: 360px;
}

.container .losange-container .losange#los-6 {
    top: 850px;
    left: 463px;
}

.container .losange-container .losange#los-7 {
    top: 954px;
    left: 567px;
}

.container .losange-container .losange#los-8 {
    top: 643px;
    left: 49px;
}

.container .losange-container .losange#los-9 {
    top: 747px;
    left: 153px;
}

.container .losange-container .losange#los-10 {
    top: 850px;
    left: 256px;
}

.container .losange-container .losange#los-11 {
    top: 850px;
    left: 49px;
}

.container .losange-container .losange#los-12 {
    top: 954px;
    left: 153px;
}

.container .losange-container .losange#los-13 {
    top: 954px;
    left: 90px;
}

.container .losange-container .losange#los-14 {
    top: 1493px;
    left: 50px;
}

.container .losange-container .losange#los-15 {
    top: 1493px;
    left: 463px;
}

.container .losange-container .losange#los-16 {
    top: 1700px;
    left: -90px;
}

.container .losange-container .losange#los-17 {
    top: 2780px;
    left: -90px;
}

.container .losange-container .losange#los-18 {
    top: 3860px;
    left: -90px;
}

.container .losange-container .losange#los-19 {
    /*top: 4940px;*/
    top: 4967px;
    left: 257px;
}

.container .losange-container .losange#los-20 {
    top: 4863px;
    left: 0px;
}

.container .content-container .content {
	position: absolute;
}

.container .content-container .content .orange {
	color: #f8bc04;
}

.container .content-container .content .blue {
	color: #55aad1;
}

.container .content-container .content.small {
	width: 180px;
}

.container .content-container .content.medium {
	width: 387px;
}

.container .content-container .content.big {
	width: 720px;
}

.container .content-container .content.very-big {
	width: 900px;
}

.container .content-container .content#borne {
    background: url(images/borne.png) no-repeat 0 0 transparent;
    background-size: 100%;
    width: 500px;
    height: 1125px;
    top: 940px;
    left: 225px;
}

.container .content-container .content#titre {
    left: 90px;
    top: 275px;
}

.container .content-container .content#titre H1 {
	padding-left: 0.5em;
}

.container .content-container .content#logo {
    top: 1600px;
    left: 50px;
}

.container .content-container .content#logo a {
	font-size: 0.66em;
}

.container .content-container .content#logo img {
    margin-top: 0.2em;
    margin-left: 0.2em;
    width: 8.325em;
}

.container .content-container .content#mariage {
    font-size: 0.9em;
    top: 605px;
    left: 153px;
}

.container .content-container .content#anniversaire {
    font-size: 0.66em;
    top: 715px;
    left: 256px;
}

.container .content-container .content#entreprise {
    font-size: 0.9em;
    top: 813px;
    left: 360px;
}

.container .content-container .content#soiree {
    top: 708px;
    left: 49px;
}

.container .content-container .content#shower {
    font-size: 0.66em;
    top: 803px;
    left: 153px;
}

.container .content-container .content#fancy {
    font-size: 0.66em;
    top: 922px;
    left: 49px;
}

.container .content-container .content#prix {
    top: 670px;
    left: 463px;
}

.container .content-container .content#infos {
    top: 1590px;
    left: 463px;
    font-size: 0.9em;
}

.container .content-container .content#souvenir {
    top: 1970px;
    left: 0px;
    text-align: center;
}

.container .content-container .content#souvenir p {
    line-height: 1.2em;
    font-size: 0.9em;
	margin-top: 0em;
}

.container .content-container .content#pack {
    top: 2950px;
    left: 0px;
    text-align: left;
}

.container .content-container .content#pack H2 {
	text-align: center;
}

.container .content-container .content#options {
    top: 4000px;
    left: 0px;
}

.container .content-container .content#confiance {
    top: 5092px;
    left: 257px;
}

.container .content-container .content#moments {
    top: 5434px;
    left: 361px;
    font-size: 0.4em;
}

.container .content-container .content#partenaires {
    top: 4844px;
    left: 0px;
    
    background: url(images/partenaires.png) no-repeat;
    height: 900px;
    background-size: 1360px;
    background-position: 54% -4%;
}

.container .content-container .content#partenaires .partenaire {
    display: none;
    background: url(images/partenaires.png) no-repeat;
    background-size: 1350px;
    position: absolute;
    width: 180px;
    height: 180px;
}

.container .content-container .content#pack .lib {
    display: inline-block;
    height: 1.5em;
}

.container .content-container .content#pack .icone {
    background: url(images/icones-w.png) no-repeat 0 0 transparent;
    background-size: 6em;
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
    margin-left: 5em;
    margin-right: 1em;
    float: left;
}

.container .content-container .content#pack .icone#photo {
	background-position: 0% 0%;
}

.container .content-container .content#pack .icone#c24h {
	background-position: 33% 0%;
}

.container .content-container .content#pack .icone#perso {
	background-position: 66% 0%;
}

.container .content-container .content#pack .icone#tel {
	background-position: 100% 0%;
}

.container .content-container .content#pack .icone#acc {
	background-position: 0% 33%;
}

.container .content-container .content#pack .icone#email {
	background-position: 33% 33%;
}

.container .content-container .content#pack .icone#livraison {
	background-position: 66% 33%;
}

.container .content-container .content#pack .icone#galerie {
	background-position: 100% 33%;
}

.container .content-container .content#options .liste {
    display: inline-flex;
    width: 40%;
    text-align: left;
    font-size: 0.66em;
    padding-left: 10%;
    float: left;
    margin-bottom: 0.5em;
}

@media (max-width: 900px) {
    
    .container .losange-container .losange#los-19,
    .container .losange-container .losange#los-20,
    #partenaires, #moments, #confiance {
        display: none;
    }
    
    
	BODY {
		font-size: 4vw;
	}
	
	.container .losange-container .losange.small {
		width: 20vw;
		height: 20vw;
		background-size: 20vw;
	}

	.container .losange-container .losange.medium {
		width: 43vw;
		height: 43vw;
		background-size: 43vw;
	}

	.container .losange-container .losange.big {
		width: 80vw;
		height: 80vw;
		background-size: 80vw;
	}

	.container .losange-container .losange.very-big {
		width: 120vw;
		height: 120vw;
		background-size: 120vw;
	}

	.container .losange-container .losange#los-1 {
	    top: 0vw;
	    left: 10vw;
	}

	.container .losange-container .losange#los-2 {
	    top: 60vw;
	    left: 51.5vw;
	}

	.container .losange-container .losange#los-3 {
	    top: 60vw;
	    left: 17vw;
	}

	.container .losange-container .losange#los-4 {
	    top: 71.5vw;
	    left: 28.5vw;
	}

	.container .losange-container .losange#los-5 {
	    top: 83vw;
	    left: 40vw;
	}

	.container .losange-container .losange#los-6 {
	    top: 94.5vw;
	    left: 51.5vw;
	}

	.container .losange-container .losange#los-7 {
	    top: 106vw;
	    left: 63vw;
	}

	.container .losange-container .losange#los-8 {
	    top: 71.5vw;
	    left: 5.5vw;
	}

	.container .losange-container .losange#los-9 {
	    top: 83vw;
	    left: 17vw;
	}

	.container .losange-container .losange#los-10 {
	    top: 94.5vw;
	    left: 28.5vw;
	}

	.container .losange-container .losange#los-11 {
	    top: 94.5vw;
	    left: 5.5vw;
	}

	.container .losange-container .losange#los-12 {
	    top: 106vw;
	    left: 17vw;
	}

	.container .losange-container .losange#los-13 {
	    top: 106vw;
	    left: 10vw;
	}

	.container .losange-container .losange#los-14 {
	    top: 166vw;
	    left: 5.5vw;
	}

	.container .losange-container .losange#los-15 {
	    top: 166vw;
	    left: 51.5vw;
	}
	
	.container .losange-container .losange#los-16 {
	    top: 189vw;
	    left: -10vw;
	}

	.container .losange-container .losange#los-17 {
	    top: 309vw;
	    left: -10vw;
	}
	
	.container .losange-container .losange#los-18 {
	    top: 429vw;
	    left: -10vw;
	}
	
	.container .losange-container .losange#los-19 {
        top: 550.5vw;
        left: 28.5vw;
	}
	
	.container .losange-container .losange#los-20 {
	    top: 549vw;
	    left: -10vw;
	}
	
	.container .content-container .content.small {
		width: 20vw;
	}

	.container .content-container .content.medium {
		width: 43vw;
	}

	.container .content-container .content.big {
		width: 80vw;
	}

	.container .content-container .content.very-big {
		width: 100vw;
	}

	.container .content-container .content#borne {
	    width: 55.5vw;
	    height: 125vw;
	    top: 104.5vw;
	    left: 25vw;
	}

	.container .content-container .content#titre {
	    left: 10vw;
	    top: 30.5vw;
	}

	.container .content-container .content#logo {
	    top: 178vw;
	    left: 5.5vw;
	}

	.container .content-container .content#mariage {
	    top: 67vw;
	    left: 17vw;
	}

	.container .content-container .content#anniversaire {
	    top: 79.5vw;
	    left: 28.5vw;
	}

	.container .content-container .content#entreprise {
	    top: 90.5vw;
	    left: 40vw;
	}

	.container .content-container .content#soiree {
	    top: 78.5vw;
	    left: 5.5vw;
	}

	.container .content-container .content#shower {
	    top: 89vw;
	    left: 17vw;
	}

	.container .content-container .content#fancy {
	    top: 102.5vw;
	    left: 5.5vw;
	}

	.container .content-container .content#prix {
	    top: 74vw;
	    left: 51.5vw;
	}

	.container .content-container .content#infos {
	    top: 176.5vw;
	    left: 51.5vw;
	}
	
	.container .content-container .content#souvenir {
	    top: 211vw;
	    left: 0vw;
	}
	
	.container .content-container .content#pack {
	    top: 328vw;
	    left: 0vw;
	}

	.container .content-container .content#options {
	    top: 445vw;
	    left: 0vw;
	}
	
}