@charset "utf-8";

/*
Projet  : Couleur-noire CSS
Author  : Gervaise René-corail
Version : 2.0
Date    : 02/04/2018
*/

/*---------------------------------------------*/
/* GLOBAL*/
/*---------------------------------------------*/
html {
	box-sizing:border-box;
	height: 100%;
	font-size: 100%;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	position: relative;
	height: 100%;
	font-family: 'Oswald', sans-serif;
	font-weight: 300;
	font-size: 1em;
	line-height: 1.625em; /*26px*/
	color: #000;
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

/* links*/
/*---------------------------*/
a {
	text-decoration: none;
	color: #dd1c60;
}


/* Typographie*/
/*---------------------------*/
/* supprimer pour laisser la ain au valencia */
/*h1, .h1-like,
h2, .h2-like,
h3, .h3-like,
h4, .h4-like,
h5, .h5-like,
h6, .h6-like {
	font-weight: 700;
	color: #1c1f26;
	margin: 0 0 0 0; /* pour laisser gérer les sections collection */
/*	line-height: 1.25em;
}*/
/*h1, .h1-like {
	font-size: 2em;
}
h2, .h2-like {
	font-size: 1.75em;
}
h3, .h3-like {
	font-size: 1.5em;
}*/
h4, .h4-like {
	text-transform: uppercase;
	margin:0px;
	/*font-size: 1.25em;*/
}
h5, .h5-like {
	text-transform: uppercase;
	margin:0px 0px 1em 0px;
	font-size: 0.7em;
    line-height: 1.1em;
	font-weight:normal;
}
h6, .h6-like {
	font-size: 1em;
}*/
p {
	margin: 0 0 0.71875em 0;
}
#header {
	position:fixed;
	z-index:100;
}

/* table */
/*---------------------------*/
table {
	width: 100%;
	margin: 0.71875em 0;
	table-layout: fixed;

}
tr,
td,
th {
	vertical-align: middle;
}
thead th {
	padding: 0.71875em 0;
	border-bottom: 2px solid #c1c1c4;
	text-align: left;
	font-weight: 700;
}
tbody td {
	padding: 0.71875em;
	border-bottom: 1px solid #c1c1c4;
}
tbody tr:nth-child(even) {
	background: #E7E7E7;
}
/* Forms */
/* -----------------------------------------------------*/
form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
input,
label,
select {
    display: block;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1em;
}

label {
    margin-bottom: .35938em;
    font-weight: 700;
    cursor: pointer;
}

label.required:after {
    content: " *";
}

textarea,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"],
select[multiple=multiple] {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: .71875em;
    padding: .625em;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 1em;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

textarea:hover,
input[type="email"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="search"]:hover,
input[type="tel"]:hover,
input[type="text"]:hover,
input[type="url"]:hover,
input[type="color"]:hover,
input[type="date"]:hover,
input[type="datetime"]:hover,
input[type="datetime-local"]:hover,
input[type="month"]:hover,
input[type="time"]:hover,
input[type="week"]:hover,
select[multiple=multiple]:hover {
    border-color: #ceced0;
}

textarea:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
select[multiple=multiple]:focus {
    border-color: #D35F60;
    outline: none;
    box-shadow: 0 0 5px rgba(205,75,77,.7);
}

textarea {
    resize: vertical;
}

input[type="checkbox"],
input[type="radio"] {
    display: inline;
    margin-right: .71875em;
}

input[type="file"] {
    width: 100%;
    margin-bottom: .71875em;
    padding-bottom: .23958em;
}

select {
    width: auto;
    margin-bottom: .71875em;
    max-width: 100%;
}

fieldset {
    margin: 0 0 .71875em 0;
    padding: 1.4375em;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    background: #fafafa;
}

::-webkit-input-placeholder {
    color: #c8c9ca;
}

:-moz-placeholder {
    color: #c8c9ca;
}

::-moz-placeholder {
    color: #c8c9ca;
}

:-ms-input-placeholder {
    color: #c8c9ca;
}
input[id="text_field"] {
    display: inline-block;
    width: 70%;
}
label[for="text_field"] {
    display: inline-block;
    width: 15%;
}






/* Contact Section new*/
#contact {
	background: url(../img/contact-bg.jpg) no-repeat center top;
	background-color: #7bc3d1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
}
#contact .overlay {
	padding: 100px 0 40px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#61e0f3+0,053740+100&1+0,0.75+100 */
	background: -moz-linear-gradient(top, rgba(5,55,64,1) 0%, rgba(5,55,64,0.75) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(5,55,64,1) 0%, rgba(5,55,64,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(5,55,64,1) 0%, rgba(5,55,64,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61e0f3', endColorstr='#bf053740', GradientType=0 ); /* IE6-9 */
}
#contact h3 {
	padding-top: 20px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
}
#contact form {
	padding: 20px 0;
}
#contact i.fa {
	color: #121d1f;
	margin-bottom: 10px;
}
#contact .text-danger {
	color: #ff6600;
	text-align: left;
}
label {
	font-size: 12px;
	font-weight: 400;
	float: left;
}
#contact .form-control {
	display: block;
	width: 100%;
	padding: 6px 12px;
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fff;
	background-color: rgba(255,255,255,0.2);
	background-image: none;
	border: 0;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
#contact .form-control:focus {
	border-color: inherit;
	outline: 0;
	-webkit-box-shadow: transparent;
	box-shadow: transparent;
}
.form-control::-webkit-input-placeholder {
color: #ccc;
}
.form-control:-moz-placeholder {
color: #ccc;
}
.form-control::-moz-placeholder {
color: #ccc;
}
.form-control:-ms-input-placeholder {
color: #ccc;
}
#contact .btn {
	margin-top: 20px;
}
/* Fin Contact Section new */

/* Grouping content*/
/*---------------------------*/
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
video, audio {
	max-width: 600px;
	width: 100%;
}

/* Buttons*/
/*---------------------------*/
.btn {
	display: inline-block;
	position: relative;
	color: #dd8e27;

	border: 2px solid #dd8e27;
	border-radius: 15px;
	padding: 0 1.5em;
	line-height: 2.5em;
	white-space: nowrap;
}
.btn:hover {
	color: #393E46;
	background-color: rgba(255,255,255,0.2);
}
.btn:active {
	top: 1px;
}

.btn--small {
	font-size: 0.75em;
}
.btn--large {
	font-size: 1.5em;
}
.btn--secondary {
	color: #666;
	border: 1px solid #666;

}
.btn--secondary:hover {
	color: #666;
	background-color: rgba(0,0,0,0.2);
}


/*---------------------------------------------*/
/* grid*/
/*---------------------------------------------*/

.wrap {
	padding-left: 10px;
	padding-right: 10px;
	max-width: 1200px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* mobile view*/
.grid {
	margin-left: -10px;
	margin-right: -10px;
}
.grid:after {
	display: table;
	content: "";
	clear: both;
}

.grid [class*="col-"] {
	float: left;
	/*padding-left: 5px;
	padding-right: 10px;*/
	/* supprimer pour laisser les images gérer leurs tailles */
}

.col-m-1 {
	width: 8.333%;
}
.col-m-2 {
	width: 16.666%;
}
.col-m-3 {
	width: 25%;
}
.col-m-4 {
	width: 33.333%;
}
.col-m-5 {
	width: 41.667%;
}
.col-m-6 {
	width: 50%;
}
.col-m-7 {
	width: 58.333%;
}
.col-m-8 {
	width: 66.667%;
}
.col-m-9 {
	width: 75%;
}
.col-m-10 {
	width: 83.333%;
}
.col-m-11 {
	width: 91.667%;
}
.col-m-12 {
	width: 100%;
}

/* tablet */
@media (min-width: 481px)  {
	
	.col-t-1 {
		width: 8.333%;
	}
	.col-t-2 {
		width: 16.666%;
	}
	.col-t-3 {
		width: 25%;
	}
	.col-t-4 {
		width: 33.333%;
	}
	.col-t-5 {
		width: 41.667%;
	}
	.col-t-6 {
		width: 50%;
	}
	.col-t-7 {
		width: 58.333%;
	}
	.col-t-8 {
		width: 66.667%;
	}
	.col-t-9 {
		width: 75%;
	}
	.col-t-10 {
		width: 83.333%;
	}
	.col-t-11 {
		width: 91.667%;
	}
	.col-t-12 {
		width: 100%;
	}
	/* table*/
	/*---------------------------*/
	.table {
		display: table;
		width: 100%;
	}
	.fixed {
		table-layout: fixed;
	}
	.row {
		display: table-row;
	}
	.cell {
		display: table-cell;
		vertical-align: top;
	}
}
/* desktop */
@media (min-width: 768px) /* ipad768 - init 769 */ {
	
	.col-d-1 {
		width: 8.333%;
	}
	.col-d-2 {
		width: 16.666%;
	}
	.col-d-3 {
		width: 25%;
	}
	.col-d-4 {
		width: 33.333%;
	}
	.col-d-5 {
		width: 41.667%;
	}
	.col-d-6 {
		width: 50%;
	}
	.col-d-7 {
		width: 58.333%;
	}
	.col-d-8 {
		width: 66.667%;
	}
	.col-d-9 {
		width: 75%;
	}
	.col-d-10 {
		width: 83.333%;
	}
	.col-d-11 {
		width: 91.667%;
	}
	.col-d-12 {
		width: 100%;
	}
}

/* Ipad Pro */
@media (min-width:96:px) {
	.col-ip-1 {
		width: 8.333%;
	}
	.col-ip-2 {
		width: 16.666%;
	}
	.col-ip-3 {
		width: 25%;
	}
	.col-ip-4 {
		width: 33.333%;
	}
	.col-ip-5 {
		width: 41.667%;
	}
	.col-ip-6 {
		width: 50%;
	}
	.col-ip-7 {
		width: 58.333%;
	}
	.col-ip-8 {
		width: 66.667%;
	}
	.col-ip-9 {
		width: 75%;
	}
	.col-ip-10 {
		width: 83.333%;
	}
	.col-ip-11 {
		width: 91.667%;
	}
	.col-ip-12 {
		width: 100%;
	}
}

/* desktop bootstrap integration en plus (min-width: 992px) */
@media (min-width: 1180px) /*1180-992 initial*/ {
  /*.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }*/
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
/*------------FIn desktop bootstrap---------------*/


/* helper*/
/*---------------------------*/

.txt-center {
	text-align: center;
}
h2.txt-center-border {
	text-align: center;
	border: solid 1.5px #6fb9dc;
	padding: 15px;
	margin-left: 10px;
    margin-right: 10px;
	/*width: 50%;*/
}
h2.txt-center-border-proche {
	text-align: center;
	border: solid 3px #6fb9dc;
	padding: 5px 17px;
	margin-left: auto;
    margin-right: auto;
	width: 100%;
    display: initial;
}

.txt-right {
	text-align: right;
}
.txt-left {
	text-align: left;
}


.v-middle {
	vertical-align: middle;
}
.v-top {
	vertical-align: top;
}
.v-bottom {
	vertical-align: bottom;
}


/*
m = margin
a, t, b = all, top, bottom
n, s, m, l = none, small, medium, large
*/

.man {
	margin: 0px !important;
}
.mas {
	margin: 20px !important;
}
.mam {
	margin: 40px !important;
}
.mal {
	margin: 60px !important;
}



.mbn {
	margin-bottom: 0px !important;
}
.mbs {
	margin-bottom: 20px !important;
}
.mbm {
	margin-bottom: 40px !important;
}
.mbl {
	margin-bottom: 60px !important;
}


.mtn {
	margin-top: 0px !important;
}
.mts {
	margin-top: 20px !important;
}
.mtm {
	margin-top: 40px !important;
}
.mtl {
	margin-top: 60px !important;
}

.ptm {
	padding-top: 40px !important;
}
.pbm {
	padding-bottom: 40px !important;
}
.ptl {
	padding-top: 60px !important;
}
.pbl {
	padding-bottom: 60px !important;
}

.right {
	float: right!important;
}

/*---------------------------------------------*/
/* CONTENT*/
/*---------------------------------------------*/

/* header*/
/*---------------------------*/

#header {
	/* background: rgba(36, 36, 36, 1); */

}

.logo {
	margin: 0;
	display: inline-block;
}
.menu {

	height: 0;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.menu ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
.menu li {
	display: block;
}
.menu a {
	display: block;
	padding: 1em 0em;
	color: #ededed;
}

.menu .select {
	color: #3B9A9C; /*--coul accueil normal #a8519a--------*/

}
.menu-collapse {
	display: block;
	height: auto;
	opacity: 1;
	text-align: center;
/*positionnement menu portable en haut à droite comme desktop */
    position: absolute;
	top: 0px;
    right: 10px;
}
/*réduction des marges horizontales pour menu portable en haut à droite et redimension largeur menu portable*/
@media (max-width:767px) {
	.menu-collapse {
		width:50%;
	}
	.menu-collapse a {
		padding: 0.25em 0em;
		font-size: .85em;
		line-height: 1.5em;
	}
}

#bas_de_page {
	display:block;
}
/* burger*/
/*---------------------------*/

.btn-menu {
	position: absolute;
	top: -10px; /*10px;*/
	right: 15px; /*10px;*/
	width: 30px;
	height: 50px;
	background: url('../img/menu-noir.png') no-repeat;
	cursor: pointer;
}
@media only screen and (min-width: 1025px) {
		/* affichage menu burger dans desktop - supprimer le css pour l'enlever*/
	.btn-menu {
		top: 0px;
		right: 95px; 
		background: url('../img/menu-noir.png') no-repeat;
	}
		/* Affichage lateral desktop menu collapse */
	.menu-collapse {
		right: 85px;
	}
}
/*.btn-menu-noir{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 50px;
	background: url('../img/menu-noir.png') no-repeat;
	cursor: pointer;
}
.burger {display:none;}
a.btn-menu-noir:active {
	background-image:none;
}*/
/* Main*/
/*---------------------------*/
/* collection image */
/*---------------------------*/
.collection {
	width:100%;
	text-align:center;
	padding:5em 0 3em 0;
}
#photo-art {
	padding-top:0em;
}
ul.tableau {
		display:block;
}
#civilites, #coordonnees {
	display:block;
}
/*h1 {
	font-size:1.5em;
}*/
/*.menu{
	display:none;
}
a.btn-menu-noir:active + nav.menu {
	display:table-cell;
	background-color:grey;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}
a.btn-menu-noir:active + nav.menu {
	text-align:left;
	padding-left:0.5em;
	padding-right:0.5em;
}*/
/*.btn-menu ul {
	display:none;
}*/
/*.titre-collection {
	padding-top:20px;
}*/
@media (max-width:481px) {
	.v-gauche [class*="collection"], .v-milieu [class*="collection"], .contemp-ga [class*="contemporaine"], .contemp-ga [class*="contemp"] {
		padding-bottom:10px;
	}
}
.decalage_header{
	margin-bottom:0px;
}
/*h2[id^="2"]{
	padding-top:200px;
	position:relative;
	top:-200px;
	margin-bottom:-200px;
}*/
@media (min-width: 481px) {
	h1 {
		font-size:2em;
	}
	#civilites, #coordonnees {
		display:flex;
	}
	.v-droite, .v-gauche, .v-milieu, .c-haut, .c-bas,.c-droite/* .v-haut,,.bas*/ {
		display: flex;
	}
	.#img-contemporaine {
		display: block;
	}
	#samourai,#perou {
		width: 768px;
	}
	.samourai, .perou {
		padding-top:10px;
	}
	.collection-img {
		padding-top:20px;
	}
	/*#contemporaine-4{
		margin-top:-14%; /*remonte l'image de droite pour aligner la base
	}*/
	.collection-img-haute-t-6 {
		padding-right: 10px;
	}
	#contemporaine-11, #contemporaine-3 {
		margin-right:3.5px;
	}
	#contemporaine-1-bas {
		margin-top:-5px;
	}
	.collection-img-gauche-md-6 {
		margin-right:10px;
	}
	.collection-img-droite-md-6 {
		margin-left:10px;
	}
	.ptl {
		padding-top:39px !important;
	}
	.pbm {
		padding-bottom:3px !important;
	}
	ul.tableau {
		display:flex;
	}
}
@media (min-width:768px) {
/*	.menu {
		height: auto;
		opacity: 1;
		overflow: hidden;
		-webkit-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.menu ul {
		margin: 0;
		padding: 0;
		text-align: right;
		padding-right:2em;
	}
	.menu li {
		display: inline-block;
	}
	.menu a {
		display: block;
		padding: 0.5em 0.5em;
		color: #ededed;
	}
	.menu a:hover {
		color: #78FEE0;
	}

	.menu .select {
		color: #3B9A9C; 

	}
	.menu-collapse {
		display: block;
		height: auto;
		opacity: 1;
		text-align: center;
	}*/
	.decalage_header{
		margin-bottom:80px;
	}	
	.cell {
	display: table-cell;
	}
	/*.btn-menu {
		display:none;
	}*/
	.vintage-0, .contemporaine-0{
		display:flex;
	}
	.samourai, .perou {
		padding-top:0px;
	}
	.collection-img-gauche-md-6 img, .collection-img-droite-md-6 img {
		width:87%;
	}
	.collection-img-gauche-md-6 {
		margin-right:2px;
	}
	.perou img {
		width:99% !important;
		margin-left:1%;
	}
	#contemporaine-11, #contemporaine-3 {
		margin-right:8.5px;
	}
	#contemporaine-1-bas {
		margin-top:-2px;
	}
}
@media (min-width:925px) {
	.perou img {
		width:98% !important;
		margin-left:2%;
	}
}
@media (min-width:1180px){
	/*.menu ul {
		padding-right:0em;
	}*/
	.collection{
		margin-bottom:25px;
	}
	.v-haut,.v-droite/*,.bas*/ {
		display: block;
	}
	#img-contemporaine{
		display: flex;
	}
	.v-gauche{
		padding-bottom:18px;
	}
	.collection-img-gauche-md-6 {
		margin-right:10px;
	}
	.collection-img-droite-md-6 {
		margin-right:10px;
		margin-left:0px;
	}
	.samourai {
		padding-left:8px !important;
	}
	.collection-img-gauche-md-6 img, .collection-img-droite-md-6 img {
		width:87%;
	}
	/*.contemporaine-img-haute-md-5 img, .contemporaine-img-bas-md-5 img {
		width:97%;
	}*/
	.perou img {
		width:97% !important;
		margin-left:3%;
	}
	.collection-img {
		padding-top:0px !important;
	}
	#contemporaine-1 {
		padding-right:0px !important;
	}
	.haut-md-12 {
			padding-bottom:33px;
	}
	#contemporaine-4 {
		margin-top:0px !important;
	}
	#contemporaine-3{
		padding-right:0px !important;
	}
	.contemporaine-img-droit-md {
		margin-left:17px;
		margin-right:7px;
	}
	.droite, .gauche, .milieu,.haut, .bas{
		display: block;
	}

	#contemporaine-1-bas {
		margin-top:0px;
	}
}

/*#gauche, #milieu, #droite {display:flex;}
#/
/*#droite {padding-right:0px !important}*/
/*---------------------------*/
/* banner full*/
/*---------------------------*/
.banner-full {
	/*background: url('../img/fond-cn_01.jpg') no-repeat;*/
	background-color: #ffffff;/*fond blanc */#555252;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 1em 0; /* modif diminuer marge vue mobile */
	padding-bottom:10px;/*modif pour diminuer le background*/
	padding: 9em 0 1em;
}

.banner-full-txt h1, .banner-full-secondary-txt h1 {
	font-size: 2.5em;
	text-transform: uppercase;
	color: #fff;
	font-family: 'Open Sans Condensed', serif;
	/*text-shadow: 1px 1px 0px #3D3D3D;*/
}
.banner-full-txt h1 + p, .banner-full-secondary-txt h1 + p  {
	font-family: 'Economica', cursive;
	font-size: 2.5em;
	color: #97124B;
	text-shadow: 1px 1px 0px #3D3D3D;
}
/* banner full secondary*/
/*---------------------------*/
.banner-full-secondary {
	background: url('../img/fond-cn_02.jpg') no-repeat;
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 5em 0;
}
.banner-full-secondary-txt h1, .banner-full-secondary-txt p {
	text-align: center;
	color: #3D3D3D;
}



/* banner full third*/
/*---------------------------*/
.banner-full-third {
	background-color: #fff;/*fond blanc ddd;*/
	background-position: 50% 50%;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 0.1em 0;
}


/* banner one third*/
/*---------------------------*/
.banner-one-third {
	background-color: #fff;/*fond blanc ddd;*/
}
.banner-one-third h1 {
	font-weight: 300;
	text-transform: uppercase;
}
.banner-one-third h3 {
	font-weight: 300;
	text-transform: uppercase;
	margin-block-end: 0px;
}
.banner-one-third .description {
	font-size: 0.75em;
	line-height: 1em;
}
.banner-one-third article {
	position: relative;
	overflow: hidden;
	height: 190px;
}

.banner-one-third article a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
    right: 10px;
    -webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.banner-one-third article img {
	display: block;
	margin-top: -20%;
}

.banner-one-third img {
	padding-bottom: 5em;
}
.banner-one-third article h1, .banner-one-third article p {
	margin-bottom: 0;
	text-align: center;
}
.banner-one-third article h1 {
	font-family: 'Open Sans Condensed', serif;
	text-shadow: 1px 1px 0px #3D3D3D;
	color: #fff;
	margin-top: 72px;
	text-transform: uppercase;
}
.banner-one-third article p{
	font-family: 'Economica', cursive;
	color: #000;
	text-shadow: 1px 1px 0px #3D3D3D;
	text-transform: uppercase;
}

/* banner two third */
/*---------------------------*/

.banner-two-third-title {
	padding: 1em 0;
	border-bottom: 2px solid #97124B;
	border-top: 2px solid #97124B;
}

.banner-two-third-title h1 {
	font-family: 'Open Sans Condensed', serif;
	text-shadow: 1px 1px 0px #000;
	color: #97124B;
	margin-bottom: 0;
	text-align: center;
}
.banner-two-third article h1 {
	font-size: 1.25em;
	font-weight: 300;
	margin-bottom: 0;
	margin-top:10px;
}

/* Stat section */
/*---------------------------*/
.stat-section {
	background-color: #FFF;/*fond blanc F0F0F0;*/
}
.stat-section ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.stat-section li {
	border-bottom: 1px solid #ADADAD;
	margin-bottom: 20px;
}

.stat-section li:last-child {
	border-bottom: none;
}
.stat-section-description {
	font-size: 130%;
	margin-top: 1em;
}
.stat-section [class*="pe-"] {
	color: #97124B;
}

/* related list*/
/*---------------------------*/
.related-list section h1 {
	font-weight: 300;
	font-size: 1.5em;
}
.related-list article {
	border-bottom: 1px solid #ADADAD;
	padding-top: 10px;
}
.related-list article a {
	display: block;
	overflow: hidden;
	margin-bottom: 10px;
}

.related-list article h1 {
	font-weight: 300;
	font-size: 1em;
	margin-bottom: 0;
}
.related-list article img {
	float: left;
	width: 20%;
	margin: 0px 20px 0px 0;
}


/* collection-list*/
/*---------------------------*/
.collection-list section h1 {
	font-weight: 300;
	font-size: 1.5em;
}
.collection-list article {
	/*border-bottom: 1px solid #ADADAD;
	padding-top: 10px;*/ 
	/*image sans bordure et sans marge pour gérer elles mêmes leur taille */
}
.collection-list article a {
	display: block;
	overflow: hidden;
	/*margin-bottom: 5px; /*alignement hauteur photo par 2 sur samourai 10px;*/
}

.collection-list article h1 {
	font-weight: 300;
	font-size: 1em;
	margin-bottom: 0;
}
.collection-list article img {
	/*border: solid 1px #a2a2a2;*/
	float: left;
	/*width: 20%;*/
	margin: 0px 0px 0px 0PX;:/*Aucune bordure autour des images*/
}

/*.picture-tirage img {
	    width: 33%;
}*/


/* collection-list*/
/*---------------------------*/
.figure {
	float: right;
	margin-bottom: 0.5em;
	margin-left: 2.53164557%;
	width: 48.7341772%;



	/* display: block;
	overflow: hidden;
	margin-bottom: 10px;*/
}




/* newsletter*/
/*---------------------------*/
.newsletter {
	position: relative;
}
.newsletter form {
	position: absolute;
	padding: 0 20px;
	top: 35%;
	left: 0;
	right: 0;
}
/* footer*/
/*---------------------------*/
footer {
	background-color: #000;
	color: #fff;
	padding: 20px 0 1px;
}
/*#totop {
		text-align: right;
		display: block;
		color: #a8519a;
		/*background: none;*/
		/*background: url('../img/chevron-arrow-up2.svg') no-repeat;

		border-radius: 0px;
		padding: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}*/
#totop {
	text-align: right;
	display: block;
	color: #a8519a;
	background: url('../img/chevron-arrow-up2.svg') no-repeat;
	border-radius: 0px;
	padding: 1em 2em;
	margin-right: 20px;
	margin-bottom: 20px;
}
footer small {
	text-align: center;
/*	display: block;*/
}




/*---------------------------------------------*/
/* RWD*/
/*---------------------------------------------*/
@media (min-width: 481px) {
	#header {
		/*background: rgba(36, 36, 36, 0.9);*/
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}
	/* SUPPRIMER POUR REMPLACER PAR BURGER
	.menu {
		height: auto;
		opacity: 1;
	} remplacer par burger en zone visible desktop ligne 1766 environ (min-width: 1024)*/

	.menu ul {
		text-align: inherit;
	}
	/* supprimer pour mettre menu vertical en plus de la zone largeur .menu (min-width: 960px) dans style-complement.css
	.menu li {
		display: inline-block;
	}*/
	.menu a {
		padding: 0.5em 0.5em;
	}
	.menu a:hover, .menu-collapse a:hover {
		color: #000;
		background-color: rgb(255,255,255,.3);
	}
/*	.btn-menu {
		display: none;
	}*/
	/* banner full*/
	/*---------------------------*/
	.banner-full {
		padding: 9em 0 1em; /* original 17em 0 10em */
	}
	.banner-full-txt h1, .banner-full-secondary-txt h1 {
	font-size: 5em;
	}
	.banner-full-txt h1 + p, .banner-full-secondary-txt h1 + p  {
		font-size: 3em;
	}
	/* banner one third*/
	/*---------------------------*/
	.banner-one-third article {	
	    height: 230px;
	}
	.banner-one-third article img {
	    display: block;
	    width: 100%;
	    margin-top: -35%;
	}
	/* banner two third */
	/*---------------------------*/
	.banner-two-third img {
		width: 100%;
	}
	.banner-two-third-title-first {
		background: url('../img/women.jpg') no-repeat;

	}
	.banner-two-third-title-second {
		background: url('../img/men.jpg') no-repeat;

	}
	.banner-two-third-title {
		background-size: 100%;
		background-position: 50%;
		padding: 10% 0;
		border-bottom: none;
		border-top: none;
	}

	/* Stat section */
	/*---------------------------*/
	.stat-section li {
		border-bottom: none;
		border-right: 1px solid #ADADAD;
	}

	.stat-section li:nth-child(2) {
		border-right:  1px solid #ADADAD;
	}
	.stat-section li:last-child {
		border-right: none;
	}

/* footer*/
/*---------------------------*/
	footer {
		padding: 60px 0;
	}
	/*#totop {
		text-align: right;
		display: block;
		color: #a8519a;
		/*background: none;*/
		/*background: url('../img/chevron-arrow-up2.svg') no-repeat;

		border-radius: 0px;
		padding: 0;
		margin-top: 0px;
		margin-bottom: 0px;
	}*/
	footer small {
		text-align: left;
	}

}

@media (min-width: 481px) and (max-width: 600px) {
	.menu a {
		padding: .5em .8em;
	}
}
/* small screen */

@media (min-width: 768px) {
	/*link/*
	/*---------------------------*/
	a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}
	a:active, a:hover {
		color: #934243;
	}
	/*header/*
	/*---------------------------*/
	#header {
		position: fixed;

	}
	.logo {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.logo:hover {
		opacity: 0.75;
		transform: scale(0.85);
	}
	.menu a {	
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	.btn {
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	#bas_de_page {
		display:flex;
	}
	/* banner full*/
	/*---------------------------*/
	.banner-full {
		background-attachment: fixed;
		padding: 8.5em 0 1em;
	}
	/* banner full secondary*/
	/*---------------------------*/
	.banner-full-secondary {
		background-attachment: fixed;
		padding: 15em 0;
	}
	/* banner one third*/
	/*---------------------------*/
	.banner-one-third article {	
	    height: auto;
	}
	.banner-one-third article img {
	    margin-top: 0;
	}
	.banner-one-third article h1 {
	    margin-top: 17%;
	}
	.banner-one-third article a:hover {
		background-color: rgba(0,0,0,0.7);
	}
	/* banner two third */
	/*---------------------------*/
	.banner-two-third-title {
	    padding: 44% 0;
	}
	/* related list*/
	/*---------------------------*/
	.related-list article a {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.related-list article a:hover {
		background-color: #DFDFDF;
	}



	/* collection list*/
	/*---------------------------
	.collection-list article a {
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.collection-list article a:hover {
		background-color: #DFDFDF;
	}*/


	/* Stat section */
	/*---------------------------*/
	.stat-section li:first-child {
		border-left: 1px solid #ADADAD;
	}

	.stat-section li:nth-child(2) {
		border-right: 1px solid #ADADAD;
	}
	.stat-section li:last-child {
		border-right: 1px solid #ADADAD;
	}

}

/* desktop */
@media (min-width: 900px) {
	/* banner full*/
	/*---------------------------*/
	.banner-full {
		/* padding: 25em 0; */
		padding: 10em 0;
		padding-bottom:10px;/*modif pour diminuer le background*/
	}
	.banner-one-third article {
	   
	    height: auto;
	}
	.banner-one-third article h1 {
	    margin-top: 30%;
	}
}


/* tablet orientation landscape */

@media (min-width: 900px) and (max-width: 1024px) and (orientation:landscape) {

	/* banner full*/ /*(ex 768-1024)*/
	/*---------------------------*/
	.banner-full {
		background-attachment: initial;
		padding: 10em 0 1em; /* initial 15 0 10 */

	}
	/* banner full secondary*/
	/*---------------------------*/
	.banner-full-secondary {
		background-attachment: initial;
		padding: 12em 0 4em;
	}


}

/* liens scrolling de la barre de navigation */
/*----------------------------------------------*/

/*-------------------------------*/
/*back  to top*/

.cd-top {
    display: inline-block;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);*/
    /* image replacement properties */
 /*   overflow: hidden;*/
  /*  text-indent: 100%;*/
    white-space: nowrap;
 /*   background: #2D6E7E url(../img/chevron-arrow-up2.gif) no-repeat center 50%;  /*rouge*/
    /*visibility: hidden;*/
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out,.cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .7;
}
.cd-top:hover {
    background-color: #f95959; /*vert*/
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}

/* alignement comtemporaine */
.comtemp-ga {
	padding-left: 0px !important; 
}
.comtemp-dr {
	padding-right: 0px !important; 
}

/*-------------------------------*/

/*-------------------------------*/
/*------ Fin --------------*:;</pre>
  </body>
</html>