@import "http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic";

@font-face {
    font-family: GothamBook;
    src: url("../fonts/Gotham Book.ttf");
}

@font-face {
    font-family: 'gotham_bookregular';
    src: url('../fonts/gotham_book-webfont.woff2') format('woff2'),
         url('../fonts/gotham_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: GothamBold;
    src: url("../fonts/Gotham-Bold.ttf");
}

@font-face {
    font-family: 'gotham_bold';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
         url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


*
{
	margin: 0;
	padding: 0;
	color: #414042;
}

body
{
	font-family: gotham_bold;
	text-transform: uppercase;
}

/*NEW:custom element */

ul.dashed {
  list-style-type: none;
}
ul.dashed > li {
  text-indent: -5px;
}
ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}

.no-padding{
	padding : 0 !important;
}

.no-margin{
	margin : 0 !important;
}

.no-shadow{
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;

}

/* !NEW:custom element */

.clear
{
	clear: both;
}

.gauche
{
	float: left;
}

.droite
{
	float: right;
}

.hidden
{
	opacity: 0;
	transition: opacity 0.5s ease 0s;
}

hr
{
	color: #414042;
	background-color: #414042; /* #999 pour 1px ou #CCC pour 2px */
	height: 3px;
	border: 0;
}

img
{
	border: 0;
}

a, a:hover, a:focus, a:active
{
	text-decoration: none;
	color: #414042;
}

a.active
{
	outline: #333 dotted 1px;
}

input[type=text], input[type=password], textarea
{
	border: 2px solid #414042 !important;
	border-radius: 0 !important;
	background-color: #FFF !important;
	padding: 2px;
	font-family: inherit;
	font-size: 14px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus{
	box-shadow: none !important;
	border: 2px solid #414042 !important;
	border-radius: 4px !important;
}

textarea
{
	resize: vertical;
	height: 100px !important;
}

/*input[type=submit]
{
	padding: 2px;
	font-family: inherit;
}*/

select
{
	padding: 1px;
}

.btn-rdv{
	background-color: #FFF;
	color: #414042;
	border: 2px solid #414042;
	border-radius: 0;
	transition: background 0.5s, color 0.5s;
}

.btn-rdv:hover{
	background-color: #414042;
	color: #FFF;
}
article#accueil div a span{
	color: #FFF !important;
}

#slider, article#accueil div a,
article#article_partenaires div div:first-child div, article#article_partenaires div:first-child div:first-child,
article#article_lifestyle div div:first-child div, article#article_lifestyle div:first-child div:first-child,
article#article_costumes div div img,
article#article_vitrine div a.right,
article#article_presse div.liste div,
article#produit_homme div.droite div div.left img
{
	box-shadow: 3px 3px 3px #555;
}

#slider ul, #slider li
{
	list-style: none;
}

.courante
{
	font-weight: bold !important;
}

.reveal-modal
{
	margin-top: 40px;
}

nav span
{
	font-size: 20px;
}

header hr.gauche, header hr.droite
{
	width: 32%;
	margin-top: 125px;
}

header hr.gauche
{
	margin-right: 7%;
}

header hr.droite
{
	margin-left: 7%;
	margin-top: 5px;
}

/*
header img
{
	display: inline;
	width: 20%;
	float: left;
	margin-top: 45px;
}
*/

header div.icones
{
	float: left;
	margin: 38px 0 -60px 67px;
}

	header div.icones img
	{
		margin-right:5px;
		margin-bottom:2px;
	}

header div.header-logo{
	display: inline-block;
	width: 21%;
	float: left;
	margin-top: 40px;
}

header div img
{
	width: auto;
}

header a.admin_mode
{
	float: left;
	margin: 43px 0 -60px 20px;
	font-size: 12px;
}

header a.compte, header a.panier
{
	color: #666;
}

header a.compte
{
	float: right;
	font-size: 14px;
	font-weight: 900;
	text-transform: uppercase;
	margin-top: 100px;
}

header a.panier
{
	float: right;
	margin: -19px 20px 0 0;
	font-size: 12px;
}

header a.panier img
{
	width: 16px;
	margin: 1px 5px 0 0;
}

header nav.menu
{
	text-align: center;
	width: 90%;
	margin: 10px auto 0 auto;
}

/*NEW center bootstrap navbar*/
.navbar{
	font-weight: 900;
	margin-bottom: 10px;
}

.navbar-center .container, .navbar-center .container-fluid {
    text-align: center;
}

.navbar-center .navbar-nav {
    display:inline-block;
	vertical-align: top;
	float: none;
}

.navbar-nav>li {
    margin-left: 15px;
    margin-right: 15px;
    min-height: 30px;
}

.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 35px;
    font-size: 15px;
    height: 30px;
    text-transform: uppercase;
}

.navbar-nav>li>a:hover{
	color: #333;
}

.navbar-nav>li>.dropdown-menu {
    /*margin-top: 15px;*/
	padding:12px;
	text-transform: uppercase;
}

.dropdown-menu .divider{
	height: 3px;
	margin-left: 20px;
	margin-right: 20px;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    padding-bottom: 35px;
	color: #333;
}
/**********************************************/

header nav.menu div
{
	width: 20%;
	float: left;
}

header nav.menu div a
{
	height: 30px;
	line-height: 30px;
	padding: 20px;
	margin: 0 25px;
	font-size: 18px;
	/*font-weight: bold;*/
	text-transform: uppercase;
}

header nav.menu div a, header nav.menu div span
{
	color: #888;
}

header nav.menu div div
{
	height: 30px;
	float: none;
	text-align: left;
	opacity: 0;
	transition: opacity 0.5s ease 0s;
	z-index: 0;
}

header nav.menu div div.accueil
{
	width: 160%;
	margin-left: -14%;
}

header nav.menu div div.vitrine
{
	width: 70%;
	margin-left: 24%;
}

header nav.menu div div a
{
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-transform: none;
}

header nav.menu div:hover div
{
	opacity: 1;
	transition: opacity 0.5s ease 0s;
	z-index: 1;
	position: relative;
}

hr
{
	margin: 20px 0;
}

hr.premier
{
	margin-top: 0;
}

.banner{
    position: relative;
    background-color: #000
}

.banner img{
    width: 100%;
    opacity: 0.75
}

.banner .caption{
    width: 100%;
    top: 30%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 5px;
    padding-left: 15%;
    padding-right: 15%;
    position: absolute;
    color: white;
    margin: 0 auto;
}

#banner_mentions_legales .caption h1,
#banner_conditions_generales .caption h1{
    margin-top: 0;
    line-height: 1.2;
}

#banner_conditions_generales .caption{
    top: 15%;
}

article#accueil #slider, article#accueil #slider li
{
	overflow: hidden;
	height: 400px;
	width: 1024px;
}

article#accueil #slider li img
{
	height: 100%;
	width: 100%;
}

article#accueil span#prevBtn, article#accueil span#nextBtn
{
	margin-top: -220px;
}

article#accueil span#prevBtn
{
	float: left;
	margin-left: 1%;
}

article#accueil span#nextBtn
{
	float: right;
	margin-right: 1%;
}

article#accueil span#prevBtn a, article#accueil span#nextBtn a
{
	display: block;
	position: relative;
	height: 40px;
	width: 40px;
	box-shadow: none;
	background-color: rgba(255,255,255,0);
}

article#accueil span#prevBtn a
{
	background-image: url(../img/slider_fleche_gauche.png);
}

article#accueil span#nextBtn a
{
	background-image: url(../img/slider_fleche_droite.png);
}

article#accueil div.gauche a,
article#accueil div.milieu a,
article#accueil div.droite a
{
	background-color: grey;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	display: block;
	font-size: 18px;
	font-weight: bolder;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}


article#accueil div.droite a.partenaires,
article#accueil div.gauche a.lifestyle
{
	height: 120px;
}

article#accueil div.droite a.films,
article#accueil div.gauche a.enseigne
{
	height: 230px;
}

article#accueil div.droite a.films span,
article#accueil div.gauche a.enseigne span,
article#accueil div.droite a.partenaires span,
article#accueil div.gauche a.lifestyle span,
article#accueil div.milieu a.femme span,
article#accueil div.milieu a.homme span{
	position : absolute;
	bottom: 15px;
	left: 10px;
}

article#accueil div.gauche a.enseigne
{
	background-image: url(/img/accueil_enseigne_sans_couleur.jpg);
}

article#accueil div.gauche a.lifestyle
{
	background-image: url(/img/accueil/bloclifestyle_nb.png);
}

article#accueil div.milieu a.femme
{
	background-image: url(/img/accueil_femme_sans_couleur.png);
	height: 177px;
}

article#accueil div.milieu a.homme
{
	background-image: url(/img/accueil_homme_sans_couleur.jpg);
	height: 174px;
}

article#accueil div.droite a.partenaires
{
	background-image: url(/img/accueil_partenaires_sans_couleur.jpg);
}

article#accueil div.droite a.films
{
	background-image: url(/img/accueil_focus_sans_couleur.jpg);
    background-position: 0px -40px;
}

article#accueil div.milieu a
{
	height: 186px;
	/* line-height: 186px;*/
}

article#accueil div a:first-child
{
	margin-bottom: 28px;
}

article#article_contact .btn-rdv{
	width: 300px !important;
	text-transform: uppercase;
}

article#article_contact address{
	font-family: gotham_bookregular !important;

}

article#article_contact address strong{
	font-family: gotham_bold !important;
}



article#article_edition label,
article#produit_edition label
{
	margin-bottom: 1em;
	display: block;
}

article#article_edition label span,
article#produit_edition label span
{
	display: block;
}

article#article_edition label input, article#article_edition textarea,
article#produit_edition label input, article#produit_edition textarea
{
	width: 100%;
}

article#article_edition textarea,
article#produit_edition textarea
{
	height: 305px;
}

article#article_edition input[type=submit],
article#produit_edition input[type=submit]
{
	display: block;
	width: 6em;
	margin: 0 auto 3em auto;
}

article#produit_edition input[type=checkbox]
{
	width: 4em;
}

article#article_edition form label#ArticleForm_pdf_label
{
	width: 50%;
}

article#article_edition form p
{
	float: right;
	margin-top: -7em;
}

article#article_edition h1, article#article_edition p
{
	text-align: center;
}

article#article_edition p
{
	margin-top: 1em;
}

article#article_edition div
{
	width: 300px;
	float: left;
	margin: 0 2%;
}

article#article_edition div h1, article#article_edition div p
{
	font-size: 18px;
	margin: 1em 0 0.5em 0;
}

article#article_edition div h1 span, article#article_edition div h1 a
{
	font-size: 14px;
}



/*article#article_services hr:first-child
{
	display: none;
}*/



/*article#article_films div,*/
article#article_partenaires div,
/*article#article_enseigne div,*/
/*article#article_chemises div,*/
article#article_costumes div,
/*article#article_services div*/
{
	min-height: 400px;
}

article#article_lifestyle div
{
	height: 450px;
}

/*article#article_films div div,*/
article#article_lifestyle div div,
article#article_partenaires div div,
/*article#article_enseigne div div,*/
/*article#article_chemises div div,*/
article#article_costumes div div,
/*article#article_services div div,*/
article#produit_homme div.droite div div
{
	float: left;
	/*height: 100%;*/
}

/*article#article_films div div:first-child,*/
article#article_lifestyle div div:first-child,
article#article_partenaires div div:first-child,
/*article#article_enseigne div div:first-child,*/
/*article#article_chemises div div:first-child,*/
article#article_costumes div div:first-child,
/*article#article_services div div:first-child,*/
article#produit_homme div.droite div div:first-child
{
	min-height:400px;
	width: 300px;
}

/*article#article_films div div div, article#article_films div div div li,*/
article#article_lifestyle div div div, article#article_lifestyle div div div li,
article#article_partenaires div div div, article#article_partenaires div div div li
{
	height: 400px !important;
	width: 300px !important;
	margin-left: 0 !important;
	display: block;
	overflow: hidden;
}

article#article_films div div:first-child img,
article#article_lifestyle div div:first-child img,
article#article_partenaires div div:first-child img,
/*article#article_services div div:first-child img,*/
/*article#article_enseigne div div:first-child img,*/
/*article#article_chemises div div:first-child img,*/
article#article_costumes div div:first-child img
{
	/*height: 100%;*/
	width: 100%;
	display: block;
	background-color: grey;
}

/*article#article_enseigne div div:first-child span,*/
/*article#article_chemises div div:first-child span,*/
article#article_costumes div div:first-child span
{
	line-height: 400px;
	text-align: center;
	font-size: 30px;
	text-shadow: 3px 3px 3px #333;
	color: #FFF;
}

/*article#article_films div div span, article#article_films div div span,*/
article#article_lifestyle div div span, article#article_lifestyle div div span,
article#article_partenaires div div span, article#article_partenaires div div span
{
	margin-top: -220px;
}

/*article#article_films span.prevBtn,*/
article#article_lifestyle span.prevBtn,
article#article_partenaires span.prevBtn
{
	float: left;
	margin-left: 1%;
}

/*article#article_films span.nextBtn,*/
article#article_lifestyle span.nextBtn,
article#article_partenaires span.nextBtn
{
	float: right;
	margin-right: 1%;
}

/*article#article_films span.prevBtn a, article#article_films span.nextBtn a,*/
article#article_lifestyle span.prevBtn a, article#article_lifestyle span.nextBtn a,
article#article_partenaires span.prevBtn a, article#article_partenaires span.nextBtn a
{
	display: block !important;
	position: relative;
	height: 40px;
	width: 40px;
}

/*article#article_films span.prevBtn a,*/
article#article_lifestyle span.prevBtn a,
article#article_partenaires span.prevBtn a
{
	background-image: url(../img/slider_fleche_gauche.png);
}

/*article#article_films span.nextBtn a,*/
article#article_lifestyle span.nextBtn a,
article#article_partenaires span.nextBtn a
{
	background-image: url(../img/slider_fleche_droite.png);
}

/*article#article_films div div:first-child h1,*/
article#article_lifestyle div div:first-child h1,
article#article_partenaires div div:first-child h1,
article#article_lifestyle div:first-child h1 a, article#article_lifestyle div:first-child h1 span
{
	height: 4em;
	line-height: 4em;
	text-align: center;
	font-size: 18px;
}

article#article_lifestyle div:first-child h1 a, article#article_lifestyle div:first-child h1 span
{
	font-weight: normal;
}

/*article#article_films div div:last-child,*/
article#article_lifestyle div div:last-child,
article#article_partenaires div div:last-child,
/*article#article_enseigne div div:last-child,*/
/*article#article_services div div.services*/
{
	width: 693px;
	margin-left: 3%;
}


/*article#article_chemises div div:last-child,*/
article#article_costumes div div:last-child
{
	margin-left:5px;
}

/*article#article_films div div h1, article#article_films div div.right h1,*/
article#article_lifestyle div div h1, article#article_lifestyle div div.right h1,
article#article_partenaires div div h1, article#article_partenaires div div.right h1,
/*article#article_services div div h1, article#article_services div div.right h1,*/
/*article#article_chemises div div h1,*/
article#article_costumes div div h1,
article#article_contact div.gauche h1
{
	margin-bottom: 0.5em;
	overflow: hidden;
	font-size: 22px;
	/*height: 29px;*/
	font-family: PT Serif, Georgia, serif;
	font-style: italic;
	font-weight: normal;
}

/*article#article_films div div h1.menu,*/
article#article_lifestyle div div h1.menu,
article#article_partenaires div div h1.menu,
/*article#article_services div div h1.menu*/
{
	margin-top: -1%;
	font-style: normal;
	font-weight: bold;
	font-size:12px;
}

/*article#article_films div div: h1 a, article#article_films div div: h1 span,*/
article#article_lifestyle div div h1 a, article#article_lifestyle div div h1 span,
article#article_partenaires div div h1 a, article#article_partenaires div div h1 span,
/*article#article_services div div: h1 a, article#article_services div div: h1 span,*/
/*article#article_films h1.creation,*/
article#article_lifestyle h1.creation,
article#article_partenaires h1.creation,
article#article_presse h1.creation
{
	font-size: 12px;
}

/*article#article_films h1.creation,*/
article#article_lifestyle h1.creation,
article#article_partenaires h1.creation,
article#article_presse h1.creation
{
	text-align: center;
}

/*article#article_films div div: h1 a.arrow,*/
article#article_lifestyle div div h1 a.arrow,
article#article_partenaires div div h1 a.arrow
{
	font-size: 20px;
}

/*article#article_films div div: p,*/
article#article_lifestyle div div p,
article#article_partenaires div div p,
/*article#article_services div div: p*/
{
	height: 352px;
	overflow: hidden;
}

/*article#article_films div div: p.administration,*/
article#article_lifestyle div div p.administration,
article#article_partenaires div div p.administration,
/*article#article_services div div: p.administration*/
{
	height: 304px;
}

/*article#article_films div:first-child div,*/
article#article_lifestyle div:first-child div,
article#article_partenaires div:first-child div
{
	height: 400px;
}

/*article#article_films div:first-child div.left,*/
article#article_partenaires div:first-child div.left
{
	width: 600px;
}

article#article_lifestyle div:first-child div.left
{
	width: 300px;
}

/*article#article_films div:first-child div.left img,*/
article#article_lifestyle div:first-child div.left img,
article#article_partenaires div:first-child div.left img
{
	height: 100%;
}

/*article#article_films div:first-child div.right,*/
article#article_partenaires div:first-child div.right,
/*article#article_enseigne div.right,*/
/*article#article_chemises div.right,*/
article#article_costumes div.right,
/*article#article_services div.right*/
{
	width: 393px;
	margin-left: 3%;
}

article#article_lifestyle div:first-child div.right
{
	width: 693px;
	margin-left: 3%;
}

/*article#article_films div:first-child div.right p,*/
article#article_lifestyle div:first-child div.right p,
article#article_partenaires div:first-child div.right p,
/*article#article_enseigne div:first-child div:last-child p,*/
/*article#article_chemises div:first-child div:last-child p,*/
article#article_costumes div:first-child div:last-child p
{
	height: auto;
	margin-bottom: 1em;
	/*height: 345px;*/
}

article#article_lifestyle div:first-child div.right p
{
	max-height: 90%;
}

/*article#article_films div:first-child div.right span,*/
article#article_lifestyle div:first-child div.right span,
article#article_partenaires div:first-child div.right span,
/*article#article_enseigne div:first-child div:last-child span,*/
/*article#article_chemises div:first-child div:last-child span,*/
article#article_costumes div:first-child div:last-child span,
article#article_contact div.droite span,
article#article_vitrine div div.left div span
{
	display: none;
}

/*article#article_films div:first-child div.right label, article#article_films div:first-child div.right form,*/
article#article_lifestyle div:first-child div.right label, article#article_lifestyle div:first-child div.right form,
article#article_partenaires div:first-child div.right label, article#article_partenaires div:first-child div.right form,
/*article#article_enseigne div:first-child div:last-child label, article#article_enseigne div:first-child div:last-child form,*/
/*article#article_chemises div:first-child div:last-child label, article#article_chemises div:first-child div:last-child form,*/
article#article_costumes div:first-child div:last-child label, article#article_costumes div:first-child div:last-child form,
article#article_contact div.droite label, article#article_contact div.droite form
{
	height: 90%;
}

article#article_vitrine div div.left div label, article#article_vitrine div div.left div form
{
	height: 94%;
}

/*article#article_films div:first-child div.right label input,*/
article#article_lifestyle div:first-child div.right label input,
article#article_partenaires div:first-child div.right label input,
/*article#article_enseigne div:first-child div:last-child label input,*/
/*article#article_chemises div:first-child div:last-child label input,*/
article#article_costumes div:first-child div:last-child label input,
article#article_contact div.droite label input,
article#article_vitrine div div.left div label input
{
	margin: 0 0 1em 0px;
	width: 99%;
}

/*article#article_films div:first-child div.right textarea,*/
article#article_lifestyle div:first-child div.right textarea,
article#article_partenaires div:first-child div.right textarea,
/*article#article_enseigne div:first-child div:last-child textarea,*/
/*article#article_chemises div:first-child div:last-child textarea,*/
article#article_costumes div:first-child div:last-child textarea,
article#article_contact div.droite textarea,
article#article_vitrine div div.left div textarea
{
	height: 240px;
	width: 99%;
	margin-bottom: 1em;
}

article#article_contact div.droite textarea
{
	width: 90%;
}

/*article#article_films div:first-child div.right input[type=submit],*/
article#article_lifestyle div:first-child div.right input[type=submit],
article#article_partenaires div:first-child div.right input[type=submit],
/*article#article_enseigne div:first-child div:last-child input[type=submit],*/
/*article#article_chemises div:first-child div:last-child input[type=submit],*/
article#article_costumes div:first-child div:last-child input[type=submit],
article#article_contact div.droite input[type=submit],
article#article_vitrine div div.left div input[type=submit]
{
	float: right;
}

article#article_lifestyle div:first-child h1.menu
{
	width: 100%;
	text-align: center;
}



article#article_presse div.liste div
{
	height: 380px;
	width: 280px;
	padding: 10px;
	float: left;
	margin: 0 0 6.05% 6.05%;
}

article#article_presse div.liste div:nth-child(3n - 2)
{
	margin-left: 0;
}

article#article_presse div.liste div:nth-child(n + 4)
{
	margin-bottom: 3%;
}

article#article_presse div.liste div div
{
	background-image: url(../img/fond_blanc_transparent.png);
	margin: -10px 0 0 -10px !important;
	opacity: 0;
	transition: opacity 0.3s ease 0s;
}

article#article_presse div.liste div div:hover
{
	opacity: 1;
	transition: opacity 0.3s ease 0s;
}

article#article_presse div.liste div div h1
{
	height: 54px;
	font-size: 24px;
	margin-bottom: 0.5em;
	min-height: 1.2em;
	font-family: PT Serif, Georgia, serif;
	font-style: italic;
	font-weight: normal;
	overflow: hidden;
}

article#article_presse div.liste div div p
{
	height: 280px;
	overflow: hidden;
}

article#article_presse div.liste div div p.menu
{
	overflow: visible;
}

article#article_presse div.liste div div p:last-child
{
	height: auto;
	text-align: right;
	display: block;
}

article#article_presse div.liste div div a img
{
	height: 50px;
	float: right;
	margin: -7% 0 0 5%;
}



article#article_vitrine div
{
	height: 400px;
}

article#article_vitrine div div.left
{
	height: 100%;
	width: 300px;
	float: left;
}

article#article_vitrine div div.left div
{
	height: 290px;
	margin-bottom: 20px;
	overflow: hidden;
}

article#article_vitrine div div.left img
{
	width: 100%;
}

article#article_vitrine div a.right
{
	height: 100%;
	width: 693px;
	line-height: 400px;
	background-color: grey;
	text-align: center;
	font-size: 30px;
	text-shadow: 3px 3px 3px #333;
	color: #FFF;
	margin-left: 3%;
	display: block;
	float: right;
}



article#article_vitrine div a.homme
{
	background-image: url(../img/hommes.jpg);
}

#article_vitrine .femme
{
	background-image: url(../img/femmes.jpg);
}

article#article_vitrine a:first-child
{
	margin-left: 0;
}



article#categorie_edition form,
article#marque_edition form
{
	width: 65%;
	margin: auto;
}

article#categorie_edition select,
article#marque_edition select
{
	min-width: 20%;
}

article#categorie_edition label,
article#marque_edition label
{
	margin-right: 5%;
}

article#categorie_edition label span, article#categorie_edition input[type=submit],
article#marque_edition label span, article#marque_edition input[type=submit]
{
	margin-right: 1%;
}

article#categorie_edition input[name=supprimer],
article#marque_edition input[name=supprimer]
{
	display: none;
}



article#commande_index a
{
	font-size: 12px;
	font-weight: bold;
}



article#commande_rdv form
{
	width: 500px;
	margin: auto;
}

article#commande_rdv form label
{
	margin-right: 3%;
}

article#commande_rdv form label span
{
	margin-right: 1%;
}

article#commande_rdv form select
{
	width: 70px;
}


/*
article#mentions_legales
{
	font-family: Times;
}
*/
article#mentions_legales h1, article#mentions_legales h2, article#mentions_legales p
{
	margin-bottom: 1em;
}




article#produit_femme div.gauche, article#produit_homme div.gauche,
/*article#article_chemises div.gauche, */
article#article_costumes div.gauche
{
	width: 27.8%;
	text-align: justify;
	font-size: 14px;
}

article#produit_femme div.criteres, article#produit_homme div.criteres,
/*article#article_chemises div.criteres, */
article#article_costumes div.criteres
{
	width: 29%;
}

article#produit_femme div.droite, article#produit_homme div.droite
{
	width: 70%;
	min-height: 450px;
	border-left: 2px solid #555;
}

/*article#article_chemises div div.droite,*/
article#article_costumes div div.droite
{
	width:710px;
	padding-left:5px;
	min-height: 450px;
	border-left: 2px solid #555;
}

article#produit_femme div.droite hr, article#produit_homme div.droite hr
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

article#produit_femme div.gauche nav.types, article#produit_homme div.gauche nav.types,
article#produit_femme div.gauche nav.marques, article#produit_homme div.gauche nav.marques,
article#produit_homme div.gauche nav.milieu,
/*article#article_chemises div.gauche nav.milieu,*/
article#article_costumes div.gauche nav.milieu
{
	width: 50%;
	float: left;
	margin: 10% 0;
	text-align: center;
}

article#produit_femme div.gauche nav.types, article#produit_homme div.gauche nav.types,
/*article#article_chemises div.gauche nav.types, */
article#article_costumes div.gauche nav.types
{
	text-transform: uppercase;
}

article#produit_femme div.gauche nav.marques, article#produit_homme div.gauche nav.marques,
/*article#article_chemises div.gauche nav.marques, */
article#article_costumes div.gauche nav.marques
{
	font-style: italic;
}

article#produit_femme div.gauche nav h1, article#produit_homme div.gauche nav h1,
/*article#article_chemises div.gauche nav h1, */
article#article_costumes div.gauche nav h1
{
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: normal;
	font-size: 14px;
	margin-bottom: 1.7em;
}

article#produit_femme div.gauche nav.types a, article#produit_homme div.gauche nav.types a,
article#produit_femme div.gauche nav.marques a, article#produit_homme div.gauche nav.marques a,
article#produit_homme div.gauche nav.milieu a, article#produit_homme div.gauche nav.milieu span,
/*article#article_chemises div.gauche nav.milieu a, article#article_chemises div.gauche nav.milieu span,*/
article#article_costumes div.gauche nav.milieu a, article#article_costumes div.gauche nav.milieu span
{
	display: block;
	height: 1.7em;
	line-height: 1.7em;
	font-size: 14px;
}

article#produit_homme div.gauche nav.milieu,
/*article#article_chemises div.gauche nav.milieu,*/
article#article_costumes div.gauche nav.milieu
{
	width: 100%;
	text-transform: uppercase;
}

article#produit_homme div.gauche nav.milieu a,
/*article#article_chemises div.gauche nav.milieu a,*/
article#article_costumes div.gauche nav.milieu a
{
	margin-bottom: 1em;
}

/*article#produit_homme div.gauche nav.milieu nav,*/
/*article#article_chemises div.gauche nav.milieu nav,*/
article#article_costumes div.gauche nav.milieu nav
{
	text-transform: none;
	margin: -1em 0 1em 0;
	display: none;
}

/*article#produit_homme div.gauche nav.milieu nav.marques,*/
/*article#article_chemises div.gauche nav.milieu nav.marques,*/
article#article_costumes div.gauche nav.milieu nav.marques
{
	display: block;
	width: 100%;
}

article#produit_homme div.gauche nav.milieu nav a,
/*article#article_chemises div.gauche nav.milieu nav a,*/
article#article_costumes div.gauche nav.milieu nav a
{
	margin-bottom: 0;
}

article#produit_femme div.droite span, article#produit_homme div.droite span,
/*article#article_chemises div.droite span,*/
 article#article_costumes div.droite span,
article#produit_panier div .produit span
{
	width: 100%;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

article#produit_femme div.droite span a.gestion_marques, article#produit_homme div.droite span a.gestion_marques
{
	line-height: 2em;
}

article#produit_femme div.droite .produit, article#produit_homme div.droite .produit
{
	width: 300px;
	display: block;
	float: left;
	text-align: center;
	margin: 0 0 5% 8%;
	font-size: 14px;
}

article#produit_homme div.droite .produit img,
article#produit_panier div .produit img
{
	height: 400px;
	width: 300px;
	display: block;
}

article#produit_femme div.droite .produit img
{
	height: 450px;
	width: 300px;
	display: block;
}

article#produit_femme div.droite .produit span, article#produit_homme div.droite .produit span,
article#produit_panier div .produit span
{
	display: block;
}

article#produit_femme div.droite a.produit:hover img, article#produit_homme div.droite a.produit:hover img,
article#produit_panier div a.produit:hover img
{
	box-shadow: 1px 1px 3px #414042;
}

article#produit_femme div.droite .produit span.menu, article#produit_homme div.droite .produit span.menu,
article#produit_panier div .produit span.menu
{
	margin: 1em 0 2px 0;
}

article#produit_femme div.droite .produit span.titre, article#produit_homme div.droite .produit span.titre,
article#produit_panier div .produit span.titre
{
	height: 34px;
	text-transform: uppercase;
	font-size: 14px;
	overflow: hidden;
}

article#produit_femme div.droite .produit span.description, article#produit_homme div.droite .produit span.description,
article#produit_panier div .produit span.description
{
	height: 225px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}

/*article#article_enseigne nav,*/
/*article#article_films nav,*/
article#article_lifestyle nav,
article#article_partenaires nav,
article#article_presse nav,
article#produit_femme div.droite nav, article#produit_homme div.droite nav
{
	float: right;
	margin-right: 3%;
}

/*article#article_enseigne nav *,*/
/*article#article_films nav *,*/
article#article_lifestyle nav *,
article#article_partenaires nav *,
article#article_presse nav *,
article#produit_femme div.droite nav *, article#produit_homme div.droite nav *, article#article_costumes div.droite nav *,
/*article#article_chemises div.droite nav *,*/
article#produit_panier nav *
{
	display: inline;
}

/*article#article_enseigne nav a,*/
/*article#article_films nav a,*/
article#article_lifestyle nav a,
article#article_partenaires nav a,
article#article_presse nav a,
article#produit_femme div.droite nav a, article#produit_homme div.droite nav a, article#article_costumes div.droite nav a,
/*article#article_chemises div.droite nav a,*/
article#produit_panier nav a
{
	font-size: 12px;
}

/*article#article_enseigne nav a.suivant,*/
/*article#article_films nav a.suivant,*/
article#article_lifestyle nav a.suivant,
article#article_partenaires nav a.suivant,
article#article_presse nav a.suivant,
article#produit_femme div.droite nav a.suivant, article#produit_homme div.droite nav a.suivant, article#article_costumes div.droite nav a.suivant,
/*article#article_chemises div.droite nav a.suivant,*/
article#produit_panier nav a.suivant
{
	margin-left: 1em;
}

article#article_enseigne,
article#article_presse,
article#article_services,
article#article_cravates,
article#article_chemises
{
	padding-top: 40px;
	padding-bottom: 40px;
}

article#article_enseigne p,
article#article_services p,
article#article_presse p,
article#article_cravates p,
article#article_cravates ul,
article#article_chemises p,
article#article_chemises ul,
article#conditions_generales p,
article#mentions_legales p,
#navigation .nav .dropdown-menu a
{
	font-family: gotham_bookregular !important;
}

article#article_cravates strong,
article#article_cravates p strong,
article#article_services strong,
article#article_services p strong,
article#article_chemises strong,
article#article_chemises p strong,
article#article_presse a,
#navigation .nav .dropdown-menu a strong
{
	font-family: gotham_bold !important;
}

/*article#article_enseigne nav img,*/
/*article#article_films nav img,*/
article#article_lifestyle nav img,
article#article_partenaires nav img,
article#article_presse nav img,
article#produit_femme div.droite nav img, article#produit_homme div.droite nav img,
article#produit_panier nav img
{
	height: 15px;
	line-height: 15px;
	margin: 0 0 -3px 2px;
}
article#article_films{

	padding-top: 60px;
	padding-bottom: 60px;
}

article#article_films h5{
	margin-top: 0;
}

article#article_films p{
	font-family: gotham_bookregular;
	font-size: 12px;

}

article#partenaires .col-md-6{
	display: flex;
	align-items: center;
	height: 350px;
}

article#produit_femme form, article#produit_homme form
{
	width: 100%;
	margin-top: 150px;
}

article#produit_femme form label, article#produit_homme form label
{
	width: 340px;
	margin: auto;
	display: block;
}

article#produit_femme form label span, article#produit_homme form label span
{
	display: inline !important;
	font-size: 16px !important;
	font-weight: normal !important;
}

article#produit_femme form label input, article#produit_homme form label input
{
	width: 200px;
	margin-left: 1em;
}

article#produit_femme form input[type=submit], article#produit_homme form input[type=submit]
{
	width: 225px;
	margin: 2em auto 0 auto;
	display: block;
}

article#produit_femme{
	padding-top: 160px;
	padding-bottom: 100px;
}

article#produit_homme div.droite div
{
	margin-bottom: 3%;
}

article#produit_homme div.droite div div
{
	margin-left: 3%;
}

article#produit_homme div.droite div div.left img
{
	height: 400px;
	width: 300px;
	display: block;
}

article#produit_homme div.droite div div.right
{
	width: 673px;
	height: 370px;
	padding: 15px 0;
}

article#produit_homme div.droite div.produit
{
	height: auto;
}

article#produit_homme div.droite div div.full
{
	height: auto;
	width: 100%;
	text-align: center;
}

article#produit_panier h1,
article#commande_index h1
{
	text-align: center;
	font-size: 16px;
}

article#produit_panier h1 a
{
	font-size: 12px;
}

article#produit_panier div a,
article#produit_panier div div
{
	margin-left: 0;
}

article#produit_panier div .produit
{
	height: auto;
	width: 150px;
	float: left;
	text-align: center;
	margin-left: 2.42%;
	font-size: 14px;
}

article#produit_panier div .produit img
{
	height: 200px;
	width: 150px;
	margin: auto;
	display: block;
}

article#produit_panier div .produit:nth-child(6n - 2)
{
	margin-left: 0;
}

article#produit_panier div .produit:nth-child(n + 4)
{
	margin-bottom: 3%;
}

article#produit_panier nav
{
	height: 15px;
	width: 100%;
}

article#produit_panier nav a.confirmer
{
	float: left;
}

article#produit_panier nav a.suivant
{
	float: right;
}



article#services div
{
	height: 450px;
}

article#services div:nth-child(5), article#services div:nth-child(6)
{
	height: 400px;
}

article#services div.gauche
{
	width: 40%;
}

article#services div.gauche h1
{
	width: 50%;
	color: #FFF;
	text-shadow: 2px 2px 2px #333;
	font-size: 26px;
	text-align: center;
	display: block;
	margin: auto;
}

article#services div.gauche img
{
	display: block;
	margin: auto;
}

article#services div.gauche:nth-child(1) h1
{
	margin: 35% auto 3% auto;
}

article#services div.gauche:nth-child(1) img
{
	width: 10%;
}

article#services div.gauche:nth-child(5) img
{
	width: 50%;
	margin-top: 30%;
}

article#services div.gauche:nth-child(5) h1
{
	margin-top: -25%;
}

article#services div.droite
{
	width: 60%;
}

article#services div.droite p
{
	margin-bottom: 1em;
}

article#services div.droite p a
{
	text-decoration: underline;
	text-transform: uppercase;
}

article#services div.droite h1
{
	font-size: 18px;
	margin-bottom: 1em;
}

article#services div.droite :nth-child(1)
{
	padding-top: 20%;
}

footer
{
	font-size: 12px;
	text-align: center;
	padding-bottom: 50px;
}

footer hr
{
	margin-top: 40px;
	margin-bottom: 40px;
}

footer nav{
	margin-bottom: 40px;
}

footer nav p
{
	display: inline;
}

footer nav a
{
	margin-left: 10px;
}

footer div
{
	margin-top: 0.5em;
}

footer div a
{
	margin: 0px 10px;
	margin-top: 0.5em;
}

.modal input{
	height: 50px;
}

.modal button.close{
	font-size: 65px;
	position: relative;
	top: 20px;
	right: 20px;
	color: black;
	opacity: 1;
}

#modal_confirm .modal-content{
    border-radius: 0;
    background-color: #414042;
}

#modal_confirm .content{
    color: #FFF !important;
        font-family: gotham_bookregular;

}

#modal_confirm .close span{
    color: #FFF !important;
    font-family: gotham_bookregular;
    font-weight: normal;
}


#modal_confirm .close{
    font-size: 35px;
    line-height: 15px;
    position: static;
    top: 0px;
    bottom: 0px;
    color: #FFF !important;
}

/*#modal_message .modal-header
{
	padding-top: 50px;
}*/

.modal .modal-header,
.modal .modal-footer
{
	padding-bottom: 25px;
	border: 0;
}

.modal .modal-header img{
	width: 120px;
	padding-top: 80px;
	margin-left: 25px;
}

.modal-title{
	font-family: gotham_bookregular;
	font-stretch: extra-expanded !important;
	letter-spacing: 10px;
}

.caption h1{
	font-size: 5em;
	font-weight: bolder;
	letter-spacing: 0.5em;
	margin-left: 40px;
	line-height: 50px;
	margin-top: 50px
}

@media screen and (min-width: 1299px) {
	.caption h1{
		letter-spacing: 0.5em;
	}


}
@media screen and (min-width: 1081px) and (max-width: 1298px) {
	.caption h1{
		letter-spacing: 0.3em;
	}


}
@media screen and (min-width: 975px) and (max-width: 1080px) {
	.caption h1{
		letter-spacing: 0.2em;
	}


}
@media screen and (min-width: 868px) and (max-width: 974px) {
	.caption h1{
		letter-spacing: 0.1em;
	}


}
@media screen and (min-width: 706px) and (max-width: 867px) {
	.caption h1{
		font-size : 4em;
		margin-top: 20px;
	}


}
@media screen and (min-width: 547px) and (max-width: 705px) {
	.caption h1{
		font-size : 3em;
		margin-top: 20px;
	}

}
@media screen and (max-width: 546px) {
	.caption h1{
		font-size : 2em;
		margin-top: 20px;
	}

}