/*
Theme Name: Sacha Goldberger
Author: JD² - Jonathan Durand
Author URI: https://wwww.jdcarre.fr
Description: Theme développé par JD² - Design graphique par Ben Bensimon - https://www.bensimon.fr
Version: 1
/*
/************************************************************************************************************/
/****************************************BODY**************************************************************/
* { box-sizing: border-box; }
/* force scrollbar */
html { overflow-y: scroll; overflow-x: hidden;  }
body{
	font-family: sol-pro, sans-serif;
	font-weight:500;
	font-smooth: always;
  /*-webkit-font-smoothing: subpixel-antialiased;*/
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
	word-wrap:normal;
	line-height:1.6;
	height:auto;
	color:#FFFFFF;
	background-color: #000014;
}

.sol{
	font-family: "sol-pro",sans-serif;
	font-style: normal;
	font-weight: 500;
}
.garamond {
	font-family: "garamond-premier-pro",serif;
	font-style: normal;
	font-weight: 500;
}
.hidden-scroll{
	overflow: hidden;
}
/*******************COULEURS*********************/
.blanc{
	color:#ffffff;
}
.noir{
	color:#000000;
}
.gris{
	color:#666666;
}
.or{
	color:#928071;
}
.bck-blanc{
	background-color:#FFFFFF;
}
/************************************LIENS**************************************/

a:hover.opaque, .content-tooltip:hover+img{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	filter: alpha(opacity = 70); /* Hack IE 5-7 */
	text-decoration:none;
	-webkit-transition:opacity .20s linear;
	-moz-transition:opacity .20s linear;
	-o-transition:opacity .20s linear;
	transition:opacity .20s linear;
}
a.opaque img :hover{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	filter: alpha(opacity = 70); /* Hack IE 5-7 */
	text-decoration:none;
	-webkit-transition:opacity .20s linear;
	-moz-transition:opacity .20s linear;
	-o-transition:opacity .20s linear;
	transition:opacity .20s linear;
}
a.hover{
	text-decoration:underline;
	color:inherit;
}
a:active,a:focus{
	outline-style:none;
	text-decoration:none;
 	outline: none;
	color:inherit;
}
a:hover{
	color:#6f5643;
}
a.blanc{
	color:#ffffff;
}
a.blanc:hover{
	color:#ffffff;
}
a.nounderline, .nounderline a{
	text-decoration: none;
}
a.hvr-underline-from-center-blanc { display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}
a.hvr-underline-from-center-blanc:before {  content: "";  position: absolute;  z-index: -1;  left: 51%;  right: 51%;  bottom: 0;  background: #ffffff;  height: 1px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
a.hvr-underline-from-center-blanc:hover:before, a.hvr-underline-from-center-blanc:focus:before, a.hvr-underline-from-center-blanc:active:before {left: 0;right: 0;}

.hvr-underline-from-center-blanc li a { display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}
.hvr-underline-from-center-blanc li a:before {  content: "";  position: absolute;  z-index: -1;  left: 51%;  right: 51%;  bottom: 0;  background: #ffffff;  height: 1px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center-blanc li a:hover:before, .hvr-underline-from-center-blanc li a:focus:before, .hvr-underline-from-center-blanc li a:active:before {left: 0;right: 0;}
/*********************************************/
/**************NAVBAR*************************/
.logo_golberger{
	max-width:120px;
	margin-left:-20px;
}
.menu-fixe{
	background-color:#000014;
	margin-top:15px;
}
.navbar-toggler{
	padding-right:0px;
}
#navbar-navigation.navbar{
	margin-bottom:0;
	padding-top:10px;
	padding-bottom:0;
}
/* enlève la couleur en background */
#navbar-navigation.navbar-default{
	background-color: inherit;
	background-color:transparent;
	border:none;
}
#navbar-navigation.navbar-default .navbar-collapse, #navbar-navigation.navbar-default .navbar-form{
	border:none;
}
#navbar ul.navbar-nav{
	padding: 5px 0px 0px 0px;
	justify-content: end;
	flex-direction: column;
}
#navbar .navbar-nav > li{
	padding:0px 0px 0px 0px;
		text-align: right;
		line-height: 20px;
}
#navbar .navbar-nav > li > a {
	vertical-align: middle;
	color: #FFFFFF;
	font-size:13px;
	font-weight:500;
}
#navbar .navbar-nav > li.current-menu-item > a{
	font-weight:700;
	color:#FFFFFF;
}

#navbar .navbar-nav > li > a:hover
{
	text-decoration: none;
	font-weight:700;
}
/************* SOUS MENU ********************/
.dropdown-toggle::after{
	display: none;
}
.open > .sub-menu {
    display: block;
		position:absolute;
}
.sub-menu{
	margin-top:0px;
	z-index:10;
	display: none;
	text-align: left;
		background-color: rgba(176, 18, 43, 0.7);
	text-decoration: none;
	padding: 60px 30px 20px 20px;
}
.navbar-page > li> .sub-menu{
	background-color: rgba(176, 18, 43, 1);
}
.sub-menu li.menu-item{
	list-style-type: none;
	margin-bottom:5px;
}
.sub-menu li.menu-item:hover,.sub-menu li.menu-item:focus,.sub-menu li.menu-item:active{
	right: 0;
	text-decoration: none;
	-webkit-transition:color .40s linear;
	-moz-transition:color .40s linear;
	-o-transition:color .40s linear;
	transition:color .40s linear;
	color:#FFFFFF;
}
.sub-menu li.menu-item a{
	color: #FFFFFF
}
.sub-menu li.menu-item a:focus,.sub-menu li.menu-item a:hover, .sub-menu li.menu-item a:active{
	text-decoration: none;
}
.sub-menu li.menu-item a{ display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}
.sub-menu li.menu-item a:before {content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#ffffff;height:1px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.sub-menu li.menu-item a:hover:before, .sub-menu li.menu-item a:focus:before, .sub-menu li.menu-item a:active:before {right: 0;}

/**********************************************/
/************** BOUTONS *******************/
/**********************************************/
.btn{
	-webkit-border: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 8px 45px 10px 45px;
}
.btn:active, .btn:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow:none;
    box-shadow:none;
}
.btn-blanc {
	background-color: #FFFFFF;
	background-image:none;
	background-repeat: repeat-x;
	border: none;
}
.btn-blanc:hover,.btn-blanc:focus,.btn-blanc:focus, .btn-blanc:active, .btn-blanc.active, .btn-blanc.disabled, .btn-blanc[disabled] {
	background-color: rgba(255,255,255,0.8);
	background-image:none;
	background-repeat: repeat-x;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
			-webkit-transition: all .1s linear;
			-moz-transition: all .1s linear;
			-ms-transition: all .1s linear;
			-o-transition: all .1s linear;
			transition: all .1s linear;
	text-decoration: none;
}
/**********************************************/
/************** BREADCRUMB *******************/
/**********************************************/
.breadcrumb{
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	list-style:none;
	background-color:transparent;
	border-radius:0px;
	color:#cccccc;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:14px;
}
.breadcrumb a{
	color:#cccccc;
	margin:0px 7px;
}
.breadcrumb_last{
	margin:0px 7px;
}
.breadcrumb a:hover{
	opacity: 0.7;/* l'opacite que vous voulez au depart */
	border:0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* Hack IE8 */
	text-decoration:none;
	-webkit-transition:opacity .20s linear;
	-moz-transition:opacity .20s linear;
	-o-transition:opacity .20s linear;
	transition:opacity .20s linear;
}
.breadcrumb>.active{
	color:#cccccc;
}

/**********************************************/
/**************CONTENU PAGE *******************/
/**********************************************/
.container-serie{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}
.container-home{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}
.row.container-page{
	max-width:92%;
	display: flex;
	margin-left: 4%;
	margin-right: 4%;
	margin-bottom:100px;
}
@media all and (max-width: 992px) {
	.row.container-page{
		max-width:98%;
		margin-left: 1%;
		margin-right: 1%;
	}
}
@media all and (max-width: 768px) {
	.row.container-page{
		max-width:100%;
		margin-left: 0%;
		margin-right: 0%;
	}
}
.content-page{
	font-size:14px;
	color:#FFFFFF;
	line-height: 22px;
	font-family: sol-pro, sans-serif;
	font-style: normal;
	font-weight: 600;
	text-align: justify;
	padding-top: 5px;
}
.content-page a {
	color:#FFFFFF;
}
.content-page a:hover {
	text-decoration: none;
}
.content-page a { display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  position: relative;  overflow: hidden;}
.content-page a:before {  content: "";  position: absolute;  z-index: -1;  left: 51%;  right: 51%;  bottom: 0;  background: #ffffff;  height: 1px;  -webkit-transition-property: left, right;  transition-property: left, right;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.content-page a:hover:before, .content-page a:focus:before, .content-page a:active:before {left: 0;right: 0;}

h1.title-page{
		color:#FFFFFF;
		font-size: 60px;
		text-align: center;
		font-weight: bold;
		margin-bottom:50px;
}
.content-page h1{

}
.content-page h2{
	font-size:36px;
	font-weight: bold;
	margin-top:30px;
	margin-bottom:20px;
	color:  #FFFFFF;
	text-align: left;
}
.content-page h3{
	font-size:32px;
	font-weight: bold;
}
.content-page h4{
	font-size:30px;
	font-weight: bold;
}
.content-page h5{
	font-size:24px;
	font-weight: bold;
}
.content-page h6{
	font-size:18px;
	font-weight: bold;
}
.content-page ul{

}
.content-page li{

}

.content-page > .table-responsive > .table{
	color:#FFFFFF;
}

/**********************************************/
/************** FOOTER *******************/
/**********************************************/
footer{
	padding:0px 0px 5px 0px;
}

.nav-footer{
  list-style-type: none;
	padding-left:0px;
}
.nav-footer li{
	padding:0px 5px 0px 5px;
}
.nav-footer li a {
	color: #FFFFFF;
	padding:0;
	padding-bottom:5px;
	font-weight:500;
}
.nav-footer li a:hover {
	text-decoration:none;
	font-weight:700;
}

/**********************************************/
/**************TOOLTIP*************************/
/**********************************************/
.content-tooltip{
  border: none;
	position: absolute;
	top:25%;
	opacity: 0;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
	filter: alpha(opacity = 0); /* Hack IE 5-7 */
	height:auto;
	text-align: center;
	display: block;
	width: 100%;
}
.span-tooltip{
	font-family: "sol-pro",sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	background: #000014;
	padding: 8px 10px;
	color:#FFFFFF;
	border-radius: 4px;
	display:inline-block;
}
.a-tooltip:hover .content-tooltip{
	z-index: 1;
	opacity: 1;
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
	filter: alpha(opacity = 100); /* Hack IE 5-7 */
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}
.content-tooltip.width-no{
	width:100%;
}
.grid-item-1.grid-column-4 > a > .content-tooltip,.grid-item-1.grid-column-3 > a > .content-tooltip,.grid-item-1.grid-column-2 > a > .content-tooltip{
	right:0;
}
.item-2images > a > .content-tooltip.width-82{
	width:40%;
}
.item-2images > a > .content-tooltip.width-70{
	width:35%;
}
/**********************************************/
/************** BARRE COOKIE *******************/
/**********************************************/
#cookie-notice .button.bootstrap , .cn-button.bootstrap{
	background-color:#ffffff;
	color: #6f5643;
	background-image:none;
	background-repeat: repeat-x;
	border-color: none;
	box-shadow: none;
	text-shadow: none;
	border-color: #ffffff;
	border-width: 1px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
}
#cookie-notice .button.bootstrap:hover,#cookie-notice .button.bootstrap:focus,#cookie-notice .button.bootstrap:active , .cn-button.bootstrap:hover, .cn-button.bootstrap:focus,.cn-button.bootstrap:active{
  background-color: #6f5643;
	border-color: #ffffff;
	color: #ffffff;
	-webkit-transition:color .40s linear, background-color .40s linear;
	-moz-transition:color .40s linear, background-color .40s linear;
	-o-transition:color .40s linear, background-color .40s linear;
	transition:color .40s linear, background-color .40s linear;
}
span#cn-notice-text{
	display:block;
	width:70%;
	float:left;
	text-align: left;
	padding-left:15px;
	padding-bottom:15px;
}
a.cn-accept-cookie{
	display:block;
	width:10%;
	float:left;
}

/**********************************************/
/************** VIDEO JS *******************/
.video-js{
	width:100% !important;
	height: auto;
	padding-bottom: 56.25%;
}
.vjs-poster,.video-js{
	background-color: transparent !important;
}
.video-js .vjs-big-play-button{
	width:2em !important;
	background-color: rgba(43, 51, 63, 0.4) !important;
	font-size:2em !important;
}
/***************** MASONRY ***************************************/
/* ---- grid --------*/
			.loader > .grid-item{
				opacity: 0;
			}
		/*	.grid {
			  counter-reset: grid-item;
			}
			.grid-item:before {
				position: absolute;
			  counter-increment: grid-item;
			  content: counter(grid-item);
			  display: block;
			  color: white;
			  padding-top: 0.2em;
			  text-align: center;
			  font-size: 1.4rem;
			} */

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}
/* ---- .grid-item ---- */
.grid-item img {
	display: inline-block;
	max-height: 350px;
}
.grid-item.item-type-triple img{
	max-height:inherit;
}
.grid-item.item-type-double img{
	max-height:inherit;
}
.grid-item{
	margin-bottom:20px;
}
.gutter-sizer{
	width: 2%;
}

/**************** Modification de largeur de l'item*************/
.item-type-moitie{
	width: 48% !important;
}
.item-type-double{
	width: 64% !important;
}
.item-type-double.grid-column-2{
	width: 100% !important;
	text-align: center !important;
}
.item-type-double.grid-item-2.grid-column-3{
	text-align: left !important;
}
.item-type-double.grid-item-1.grid-column-3{
	text-align: right !important;
}
.item-type-double.grid-item-1.grid-column-4,.item-type-double.grid-item-2.grid-column-4{
	text-align: left !important;
}
.item-type-double.grid-item-3.grid-column-4,.item-type-double.grid-item-4.grid-column-4{
	text-align: right !important;
}
.item-type-triple.grid-column-3{
	width: 100% !important;
	text-align: center !important;
}
.item-type-triple.grid-column-4{
	width: 69% !important;
}
.item-type-quadruple{
	width: 100% !important;
	text-align: center !important;
}
.item-fusion-2images{
	display: flex;
	flex-direction: row;
	align-items:flex-start;
}
.item-2images:first-child{
	margin-right:20px;
}
.item-2images{
	flex-shrink: 2;
	flex-basis:auto;
}

.grid-item-100{
	width: 100% !important;
}
.item-vide{
	margin-bottom:1px !important;
}
.item-image-vide{
	margin-bottom:1px !important;
}
.item-image-vide a{
	display: none;
}
/******** COLONNE DE 2 ***********/
.grid-column-2.grid-sizer{
	width:50%;
}
.grid-column-2.menu-serie{
	width:50%;
}
.grid-column-2.grid-item{
	width:48%;
}
/**/
.grid-column-2.item-1{
	margin-top:0px;
}

/***/
.grid-column-2.grid-item-1{
	text-align:right;
}
/***/
.grid-column-2.grid-item-2{
	text-align:left;
}



/******** COLONNE DE 3 ***********/
.grid-column-3.menu-serie{
	width:31%;
}
.grid-column-3.grid-sizer{
	width:33%;
}
.grid-column-3.grid-item{
	width:31%;
}
/**/
.grid-column-3.item-1{
	margin-top:40px;
}
.grid-column-3.item-3{
	margin-top:50px;
}

/***/
.grid-column-3.grid-item-1{
	text-align:right;
}
/***/
.grid-column-3.grid-item-2{
	text-align:center;
}
/***/
.grid-column-3.grid-item-3{
	text-align:left;
}

/******** COLONNE DE 4 ***********/
.grid-column-4.grid-sizer{
	width:25%;
}
.grid-column-4.menu-serie{
	width:25%;
}
.grid-column-4.grid-item{
	width:23%;
}
/**/
.grid-column-4.item-1{
	margin-top:70px;
}
.grid-column-4.item-2{
	margin-top:20px;
}
.grid-column-4.item-3{
	margin-top:0px;
}
.grid-column-4.item-4{
	margin-top:75px;
}
/***/
.grid-column-4.grid-item-1{
	text-align:right;
	width:23%;
}
.grid-column-4.grid-item-2{
	text-align:right;
	width:23%;
}
.grid-column-4.grid-item-3{
	text-align:left;
	width:23%;
}
.grid-column-4.grid-item-4{
	text-align:left;
	width:23%;
}
/***************EXCEPTION HOME**************/
.home-commissions > .id-116, .home-commissions > .id-120, .home-commissions > .id-205, .home-commissions > .id-247, .home-commissions > .id-387, .home-commissions > .id-299, .home-commissions > .id-264{
	margin-bottom:30px !important;
}

/***** MENU DES CONTENUS COMPLEMENTAIRE******/
.stamp{
  position: absolute;
  left: 0;
  top: 5px;
	margin-bottom: -30px;
  height:20px;
}
/***** Class de décalage des photos selon droite ou gauche ******/
/***** POUR $u = 1 - Photo de la colonne 1 ********/
.padding-1-0{
	padding-left:55px;
}
.padding-1-1{
	padding-left:30px;
}
.padding-1-2{
	padding-left:50px;
}
.padding-1-3{
	padding-left:12px;
}
.padding-1-4{
	padding-left:65px;
}
.padding-1-5{
	padding-left:15px;
}
.padding-1-6{
	padding-left:7px;
}
.padding-1-7{
	padding-left:45px;
}
.padding-1-8{
	padding-left:1px;
}
.padding-1-9{
	padding-left:20px;
}
.tooltip-padding-1-0{
	width:calc(100% - 55px);
}
.tooltip-padding-1-1{
	width:calc(100% - 30px);
}
.tooltip-padding-1-2{
	width:calc(100% - 50px);
}
.tooltip-padding-1-3{
	width:calc(100% - 12px);
}
.tooltip-padding-1-4{
	width:calc(100% - 65px);
}
.tooltip-padding-1-5{
	width:calc(100% - 15px);
}
.tooltip-padding-1-6{
	width:calc(100% - 7px);
}
.tooltip-padding-1-7{
	width:calc(100% - 45px);
}
.tooltip-padding-1-8{
	width:calc(100% - 1px);
}
.tooltip-padding-1-9{
	width:calc(100% - 20px);
}


/***** POUR $u = 4 - Photo de la colonne 4 ********/
.padding-4-0{
	padding-right:20px;
}
.padding-4-1{
	padding-right:1px;
}
.padding-4-2{
	padding-right:50px;
}
.padding-4-3{
	padding-right:7px;
}
.padding-4-4{
	padding-right:30px;
}
.padding-4-5{
	padding-right:65px;
}
.padding-4-6{
	padding-right:12px;
}
.padding-4-7{
	padding-right:50px;
}
.padding-4-8{
	padding-right:15px;
}
.padding-4-9{
	padding-right:55px;
}
.tooltip-padding-4-0{
	width:calc(100% - 20px);
}
.tooltip-padding-4-1{
	width:calc(100% - 1px);
}
.tooltip-padding-4-2{
	width:calc(100% - 45px);
}
.tooltip-padding-4-3{
	width:calc(100% - 7px);
}
.tooltip-padding-4-4{
	width:calc(100% - 30px);
}
.tooltip-padding-4-5{
	width:calc(100% - 65px);
}
.tooltip-padding-4-6{
	width:calc(100% - 12px);
}
.tooltip-padding-4-7{
	width:calc(100% - 50px);
}
.tooltip-padding-4-8{
	width:calc(100% - 15px);
}
.tooltip-padding-4-9{
	width:calc(100% - 55px);
}

/***** POUR $u = 3 - Photo de la colonne 3 ********/
.padding-3-0{
	padding-right:20px;
}
.padding-3-1{
	padding-right:1px;
}
.padding-3-2{
	padding-right:50px;
}
.padding-3-3{
	padding-right:7px;
}
.padding-3-4{
	padding-right:30px;
}
.padding-3-5{
	padding-right:65px;
}
.padding-3-6{
	padding-right:12px;
}
.padding-3-7{
	padding-right:50px;
}
.padding-3-8{
	padding-right:15px;
}
.padding-3-9{
	padding-right:55px;
}
.tooltip-padding-3-0{
	width:calc(100% - 20px);
}
.tooltip-padding-3-1{
	width:calc(100% - 1px);
}
.tooltip-padding-3-2{
	width:calc(100% - 45px);
}
.tooltip-padding-3-3{
	width:calc(100% - 7px);
}
.tooltip-padding-3-4{
	width:calc(100% - 30px);
}
.tooltip-padding-3-5{
	width:calc(100% - 65px);
}
.tooltip-padding-3-6{
	width:calc(100% - 12px);
}
.tooltip-padding-3-7{
	width:calc(100% - 50px);
}
.tooltip-padding-3-8{
	width:calc(100% - 15px);
}
.tooltip-padding-3-9{
	width:calc(100% - 55px);
}
.width-1{ width:1%;max-height:inherit !important } .width-2{ width:2%;max-height:inherit !important } .width-3{ width:3%;max-height:inherit !important } .width-4{ width:4%;max-height:inherit !important } .width-5{ width:5%;max-height:inherit !important } .width-6{ width:6%;max-height:inherit !important } .width-7{ width:7%;max-height:inherit !important } .width-8{ width:8%;max-height:inherit !important } .width-9{ width:9%;max-height:inherit !important } .width-10{ width:10%;max-height:inherit !important } .width-11{ width:11%;max-height:inherit !important } .width-12{ width:12%;max-height:inherit !important } .width-13{ width:13%;max-height:inherit !important } .width-14{ width:14%;max-height:inherit !important } .width-15{ width:15%;max-height:inherit !important } .width-16{ width:16%;max-height:inherit !important } .width-17{ width:17%;max-height:inherit !important } .width-18{ width:18%;max-height:inherit !important } .width-19{ width:19%;max-height:inherit !important } .width-20{ width:20%;max-height:inherit !important } .width-21{ width:21%;max-height:inherit !important } .width-22{ width:22%;max-height:inherit !important } .width-23{ width:23%;max-height:inherit !important } .width-24{ width:24%;max-height:inherit !important } .width-25{ width:25%;max-height:inherit !important } .width-26{ width:26%;max-height:inherit !important } .width-27{ width:27%;max-height:inherit !important } .width-28{ width:28%;max-height:inherit !important } .width-29{ width:29%;max-height:inherit !important } .width-30{ width:30%;max-height:inherit !important } .width-31{ width:31%;max-height:inherit !important } .width-32{ width:32%;max-height:inherit !important } .width-33{ width:33%;max-height:inherit !important } .width-34{ width:34%;max-height:inherit !important } .width-35{ width:35%;max-height:inherit !important } .width-36{ width:36%;max-height:inherit !important } .width-37{ width:37%;max-height:inherit !important } .width-38{ width:38%;max-height:inherit !important } .width-39{ width:39%;max-height:inherit !important } .width-40{ width:40%;max-height:inherit !important } .width-41{ width:41%;max-height:inherit !important } .width-42{ width:42%;max-height:inherit !important } .width-43{ width:43%;max-height:inherit !important } .width-44{ width:44%;max-height:inherit !important } .width-45{ width:45%;max-height:inherit !important } .width-46{ width:46%;max-height:inherit !important } .width-47{ width:47%;max-height:inherit !important } .width-48{ width:48%;max-height:inherit !important } .width-49{ width:49%;max-height:inherit !important } .width-50{ width:50%;max-height:inherit !important } .width-51{ width:51%;max-height:inherit !important } .width-52{ width:52%;max-height:inherit !important } .width-53{ width:53%;max-height:inherit !important } .width-54{ width:54%;max-height:inherit !important } .width-55{ width:55%;max-height:inherit !important } .width-56{ width:56%;max-height:inherit !important } .width-57{ width:57%;max-height:inherit !important } .width-58{ width:58%;max-height:inherit !important } .width-59{ width:59%;max-height:inherit !important } .width-60{ width:60%;max-height:inherit !important } .width-61{ width:61%;max-height:inherit !important } .width-62{ width:62%;max-height:inherit !important } .width-63{ width:63%;max-height:inherit !important } .width-64{ width:64%;max-height:inherit !important } .width-65{ width:65%;max-height:inherit !important } .width-66{ width:66%;max-height:inherit !important } .width-67{ width:67%;max-height:inherit !important } .width-68{ width:68%;max-height:inherit !important } .width-69{ width:69%;max-height:inherit !important } .width-70{ width:70%;max-height:inherit !important } .width-71{ width:71%;max-height:inherit !important } .width-72{ width:72%;max-height:inherit !important } .width-73{ width:73%;max-height:inherit !important } .width-74{ width:74%;max-height:inherit !important } .width-75{ width:75%;max-height:inherit !important } .width-76{ width:76%;max-height:inherit !important } .width-77{ width:77%;max-height:inherit !important } .width-78{ width:78%;max-height:inherit !important } .width-79{ width:79%;max-height:inherit !important } .width-80{ width:80%;max-height:inherit !important } .width-81{ width:81%;max-height:inherit !important } .width-82{ width:82%;max-height:inherit !important } .width-83{ width:83%;max-height:inherit !important } .width-84{ width:84%;max-height:inherit !important } .width-85{ width:85%;max-height:inherit !important } .width-86{ width:86%;max-height:inherit !important } .width-87{ width:87%;max-height:inherit !important } .width-88{ width:88%;max-height:inherit !important } .width-89{ width:89%;max-height:inherit !important } .width-90{ width:90%;max-height:inherit !important } .width-91{ width:91%;max-height:inherit !important } .width-92{ width:92%;max-height:inherit !important } .width-93{ width:93%;max-height:inherit !important } .width-94{ width:94%;max-height:inherit !important } .width-95{ width:95%;max-height:inherit !important } .width-96{ width:96%;max-height:inherit !important } .width-97{ width:97%;max-height:inherit !important } .width-98{ width:98%;max-height:inherit !important } .width-99{ width:99%;max-height:inherit !important } .width-100{ width:100%;max-height:inherit !important }
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/**********************************RESPONSIVE***********************************/
@media all and (max-width: 768px) {
	#navbar-navigation.navbar{
		margin-bottom:30px;
	}
	li.menu-serie{
		margin-left: 2%;
		margin-right: 2%;
	}
	.grid-column-2.grid-sizer, .grid-column-3.grid-sizer, .grid-column-4.grid-sizer{
		width:50%;
	}

	.grid-column-2.grid-item-1,.grid-column-2.grid-item-2,.grid-column-2.grid-item-3,
	.grid-column-3.grid-item-1,.grid-column-3.grid-item-2,.grid-column-3.grid-item-3,
	.grid-column-4.grid-item-1,.grid-column-4.grid-item-2,.grid-column-4.grid-item-3,.grid-column-4.grid-item-4{
	  width: 50%;
		text-align:center !important;
	}
	.grid-column-2.grid-item-3{
	  width: 100%;
		text-align:center !important;
	}
	.grid-column-3.item-1, .grid-column-3.item-3,.grid-column-4.item-1, .grid-column-4.item-4{
		margin-top:0px !important;
	}
	.grid-column-3.item-2,.grid-column-4.item-2{
		margin-top:30px;
	}

	.grid-item{
		margin-bottom:20px;
	}
	.grid-item img {
		max-height:850px;
		max-width: 95%
	}
	/*********** EXception HOME ******/
	.home-commissions > .id-116, .home-commissions > .id-120, .home-commissions > .id-205, .home-commissions > .id-247, .home-commissions > .id-387, .home-commissions > .id-299, .home-commissions > .id-264{
		margin-bottom:20px !important;
	}
	/***** MENU DES CONTENUS COMPLEMENTAIRE******/
	.stamp{
		margin-bottom:20px;
	}
	.grid-column-3.menu-serie,.grid-column-4.menu-serie,.grid-column-2.menu-serie{
		width:100% !important;
		height: auto;
	}
	.menu-serie > .nav{
		position:relative;
		padding-left: 0% !important;
	}

	.grid-item-1.grid-column-4 > a > .content-tooltip,.grid-item-1.grid-column-3 > a > .content-tooltip,.grid-item-1.grid-column-2 > a > .content-tooltip{
		right:0;
	}

	.tooltip-padding-4-0,.tooltip-padding-4-1,.tooltip-padding-4-2,.tooltip-padding-4-3,.tooltip-padding-4-4,.tooltip-padding-4-5,.tooltip-padding-4-6,.tooltip-padding-4-7,.tooltip-padding-4-8,.tooltip-padding-4-9,.tooltip-padding-1-0,.tooltip-padding-1-1,.tooltip-padding-1-2,.tooltip-padding-1-3,.tooltip-padding-1-4,.tooltip-padding-1-5,.tooltip-padding-1-6,.tooltip-padding-1-7,.tooltip-padding-1-8,.tooltip-padding-1-9,.tooltip-padding-3-0,.tooltip-padding-3-1,.tooltip-padding-3-2,.tooltip-padding-3-3,.tooltip-padding-3-4,.tooltip-padding-3-5,.tooltip-padding-3-6,.tooltip-padding-3-7,.tooltip-padding-3-8,.tooltip-padding-3-9{
		width:100%;
	}

	.padding-4-0,.padding-4-1,.padding-4-2,.padding-4-3,.padding-4-4,.padding-4-5,.padding-4-6,.padding-4-7,.padding-4-8,.padding-4-9,.padding-1-0,.padding-1-1,.padding-1-2,.padding-1-3,.padding-1-4,.padding-1-5,.padding-1-6,.padding-1-7,.padding-1-8,.padding-1-9,.padding-3-0,.padding-3-1,.padding-3-2,.padding-3-3,.padding-3-4,.padding-3-5,.padding-3-6,.padding-3-7,.padding-3-8,.padding-3-9{
		padding-right:0px;
		padding-left:0px;
	}

.width-1{ width:100% } .width-2{ width:100% } .width-3{ width:100% } .width-4{ width:100% } .width-5{ width:100% } .width-6{ width:100% } .width-7{ width:100% } .width-8{ width:100% } .width-9{ width:100% } .width-10{ width:100% } .width-11{ width:100% } .width-12{ width:100% } .width-13{ width:100% } .width-14{ width:100% } .width-15{ width:100% } .width-16{ width:100% } .width-17{ width:100% } .width-18{ width:100% } .width-19{ width:100% } .width-20{ width:100% } .width-21{ width:100% } .width-22{ width:100% } .width-23{ width:100% } .width-24{ width:100% } .width-25{ width:100% } .width-26{ width:100% } .width-27{ width:100% } .width-28{ width:100% } .width-29{ width:100% } .width-30{ width:100% } .width-31{ width:100% } .width-32{ width:100% } .width-33{ width:100% } .width-34{ width:100% } .width-35{ width:100% } .width-36{ width:100% } .width-37{ width:100% } .width-38{ width:100% } .width-39{ width:100% } .width-40{ width:100% } .width-41{ width:100% } .width-42{ width:100% } .width-43{ width:100% } .width-44{ width:100% } .width-45{ width:100% } .width-46{ width:100% } .width-47{ width:100% } .width-48{ width:100% } .width-49{ width:100% } .width-50{ width:100% } .width-51{ width:100% } .width-52{ width:100% } .width-53{ width:100% } .width-54{ width:100% } .width-55{ width:100% } .width-56{ width:100% } .width-57{ width:100% } .width-58{ width:100% } .width-59{ width:100% } .width-60{ width:100% } .width-61{ width:100% } .width-62{ width:100% } .width-63{ width:100% } .width-64{ width:100% } .width-65{ width:100% } .width-66{ width:100% } .width-67{ width:100% } .width-68{ width:100% } .width-69{ width:100% } .width-70{ width:100% } .width-71{ width:100% } .width-72{ width:100% } .width-73{ width:100% } .width-74{ width:100% } .width-75{ width:100% } .width-76{ width:100% } .width-77{ width:100% } .width-78{ width:100% } .width-79{ width:100% } .width-80{ width:100% } .width-81{ width:100% } .width-82{ width:100% } .width-83{ width:100% } .width-84{ width:100% } .width-85{ width:100% } .width-86{ width:100% } .width-87{ width:100% } .width-88{ width:100% } .width-89{ width:100% } .width-90{ width:100% } .width-91{ width:100% } .width-92{ width:100% } .width-93{ width:100% } .width-94{ width:100% } .width-95{ width:100% } .width-96{ width:100% } .width-97{ width:100% } .width-98{ width:100% } .width-99{ width:100% } .width-100{ width:100% }
}

@media all and (max-width: 576px) {
	.logo_golberger{
		margin-left:0px;
	}
	.grid-column-2.grid-sizer, .grid-column-3.grid-sizer, .grid-column-4.grid-sizer{
		width:100%;
	}

	.grid-column-2.grid-item-1,.grid-column-2.grid-item-2,.grid-column-2.grid-item-3,.grid-column-2.grid-item-100,
	.grid-column-3.grid-item-1,.grid-column-3.grid-item-2,.grid-column-3.grid-item-3,.grid-column-3.grid-item-100,
	.grid-column-4.grid-item-1,.grid-column-4.grid-item-2,.grid-column-4.grid-item-3,.grid-column-4.grid-item-4,.grid-column-4.grid-item-100{
	  width: 80% !important;
		margin-left:10%;
		margin-right:10%;
		text-align:center;
		margin-top:0px !important;
	}
	.grid-column-2.item-1, .grid-column-2.item-2,
	.grid-column-3.item-1, .grid-column-3.item-2, .grid-column-3.item-3,
	.grid-column-4.item-1, .grid-column-4.item-2, .grid-column-4.item-3, .grid-column-4.item-4{
		text-align: center !important;
	}

}