/* Theme Name: cpTheme
*/
@font-face {
    font-family: futuraLtCondensed;
    src: url(fonts/futura-lt-condensed.ttf);
}
@font-face {
    font-family: openSans;
    src: url(fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: openSansLight;
    src: url(fonts/OpenSans-Light.ttf);
}
@font-face {
    font-family: openSansLightItalic;
    src: url(fonts/OpenSans-LightItalic.ttf);
}
@font-face {
    font-family: openSansSemiBold;
    src: url(fonts/OpenSans-Semibold.ttf);
}
@font-face {
    font-family: openSansBold;
    src: url(fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: robotoRegular;
    src: url(fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: robotoBold;
    src: url(fonts/Roboto-Bold.ttf);
}
html{
	min-height:100%;
	position:relative;
	padding:0;
	margin:0;
}
body{
	background:#f2f2f2;
	margin-bottom: 100px;
}
a, a:hover{
	text-decoration:inherit;
	color:inherit;
}
ul, li {
	list-style-type:none;
	list-style:none;
	list-type: none;
}
.container{
	width:100%;
	padding:0;
	margin:0;
}
.row{
	margin:0;
}
.clear{
	clear:both;
}
.alignRight{
	width:auto;
	text-align:right;
}
.alignleft{
	float:left;
}
img.alignleft{
	float:left;
	padding: 5px 20px 5px 0px;
	box-sizing: unset;
}
img.alignright{
	float:right;
	padding: 5px 0px 5px 20px;
	box-sizing: unset;
}
/********************************* fin general / début header *********************************/
#user_menu{
	height:1.8em;
	line-height:1.8em;
	background-color:rgba(0,0,0,0.16);
	width:100%;
	text-align:right;
	padding:0 3em;
}
#user_menu a{
	color:#424242;
/*	background-color:#b85219;
	padding:6px 8px;*/
	font-size:0.9em;
	margin-left:14px;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family: "openSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	font-weight:bold;
}
#user_menu a:hover{
	color:#505050;
}
#conteneurPrincipal, #header{
	max-width:1355px;
	margin:0 auto;
	padding:0;
	min-height:30px;
	position:relative;
}

#header .icon-bar{
	border:#000000 1px solid;
}
#logoTitre{
	font-family:"futuraLtCondensed", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:72px;
	line-height:72px;
	padding:31px 0 15px 36px;
	text-decoration:none;
	color:inherit;
	display:block;
}


#menu_1{
	margin-bottom:15px;
}

#menu_2{
	height:30px;
	line-height:30px;
	padding-left:36px;
	background-color:#FFFFFF;
}
#navbar{
	padding:0;
}
#menu_1 ul li a{
	height:50px;
	line-height:50px;
	display:inline-block;
	margin:0 26px 0 0;
/*	font-size:20px;  reduit pour la VaD */
	font-size:19px;
	text-transform:uppercase;
}
.menu1_films{
	background:url(imgs/Clap.png) 36px 50% no-repeat;
	color:#FFFFFF;
	background-color:#424242;
	padding:0 31px 0 98px !important;
	font-family:"openSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
}
.menu1_boutique{
	background:url(imgs/DVD-menu.png) 0 50% no-repeat;
	color:#b85219 ;
	padding:0 10px 0 70px !important;
	font-family:"openSansSemiBold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
}
.menu1_distribution{
	background:url(imgs/Pellicule.png) 10px 50% no-repeat;
	color:#FFFFFF;
	background-color:#4890da;
	padding:0 38px 0 86px !important;
	font-family:"openSansSemiBold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
} 
.menu1_agenda{
	background:url(imgs/agenda.png) 15px 50% no-repeat;
	color:#FFFFFF;
	background-color:#f08a1d;
	padding:0 22px 0 69px !important;
	font-family:"openSansSemiBold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
}
.menu1_vad{
	background:url(imgs/VAD-menu.png) 5px 50% no-repeat;
	color:#FFFFFF;
	background-color:#39836a;
	padding:0 22px 0 60px !important;
	font-family:"openSansSemiBold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	margin:0 0 0 0 !important;
}

#menu_1 .navbar-toggle::after{
	content: ' Menu';
	color: #FFFFFF;
	display: inline-block;
	position: absolute;
	top: 4px;
	left: 50px;
	font-size: 18px;
}

#menu_2 a{
	display:inline-block;
	margin:0 29px 0 3px;
	padding:0 0 0 22px;
	font-size:18px;
	color:#000000;
	text-transform:uppercase;
	font-family:"openSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	background:url(imgs/carreBleuClair.png) 0 50% no-repeat;
	text-decoration:none;
}
#menu_2 a:hover{
	color:#424242;
}
#menu_2 a.logoEnglish{
	background:url(imgs/carreBleuFonce.png) 0 50% no-repeat;
	margin:0 0 0 0;
}
#header .icon-bar{
	border-color:#F2F2F2;
}
#header .navbar-toggle{
	float:left;
}
#header #navbar{
	border-top:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
/********************************* fin header / début contenu *********************************/
#colGauche, #colDroite{
	min-height:100%;
	display:block;
}
#colGauche{
	width:60%;
	float:left;
	padding:0 35px 0 21px;
}
#colDroite{
	width:40%;
	float:right;
}


/********************************* fin contenu / début shortcode products *********************************/
.product{
	margin-top:16px !important;
	padding:12px !important;
	background:#F0F0F0;
}
.product .clear{
	padding:0 !important;
}
.vignette_produit{
	width: 120px;
	padding-bottom: 150px;
	background-size: contain;
	background-repeat: no-repeat;
	float:left;
	margin-right:16px;
}




/********************************* fin shortcode products / début footer *********************************/

#footer{
	width:100%;
	background-color:#424242;
	height:100px;
	padding:14px 10px;
	color:#888888;
	text-align:center;
	
	position: absolute;
	bottom: 0;
}
#footer a{
	text-decoration:underline;
}



/********************************* fin footer / début règles responsive *********************************/
/*@media only screen and (max-width: 1212px) {*/
@media only screen and (max-width: 1322px) {

	#menu_1{
	margin-bottom:13px;
	}
	#menu_1 ul li a{
		height:40px;
		line-height:40px;
		display:inline-block;
		margin:0 11px 0 0;
		font-size:14px;
		text-transform:uppercase;
	}

	.menu1_films{
		background:url(imgs/Clap_min.png) 10px 50% no-repeat;
		padding:0 6px 0 44px !important;
		background-color:#424242;
	}
	.menu1_boutique{
		background:url(imgs/DVD-menu_min.png) 0 50% no-repeat;
		padding:0 0 0 34px !important;
	}
	.menu1_distribution{
		background:url(imgs/Pellicule_min.png) 3px 50% no-repeat;
		padding:0 9px 0 56px !important;
		background-color:#4890da;
	} 
	.menu1_agenda{
		background:url(imgs/agenda_min.png) 7px 50% no-repeat;
		padding:0 8px 0 47px !important;
		background-color:#f08a1d;
	}
	.menu1_vad{
		background:url(imgs/VAD-menu_min.png) 5px 50% no-repeat;
		background-color:#39836a;
		padding:0 8px 0 37px !important;
		margin:0 0 0 0 !important;
	}




	#menu_2{
		padding-left:6px;
	}
	#menu_2 a{
		margin:0 15px 0 0;
		padding:0 0 0 15px;
		font-size:15px;
		background:url(imgs/carreBleuClair_min.png) 0 50% no-repeat;
	}

#menu_2 a.logoEnglish{
	background:url(imgs/carreBleuFonce_min.png) 0 50% no-repeat;
}


}

/*@media (max-width: 767px) {*/
@media (max-width: 818px) {
	#header{
		text-align:center;
	}
	#logoTitre{
		color:#010000;
		font-size:56.9px;
		line-height:78px;
		display:inline;
		padding:0;
	}
	#menu_1{
		background-color:#424242;		
	}
	#menu_1 ul{
		padding:0;
		margin:0;
	}
	#menu_1 ul li{
		line-height:45px;
		width:100%;
		border-bottom:#FFFFFF 1px solid;
		text-align:center;
	}
	#menu_1 ul li a{
		font-family:"openSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
		color:#FFFFFF;
		font-size:20px;
		display:inline;
		line-height:normal;
		background:none;
		padding:0 !important;
		margin:0 !important;
	}
	#menu_1 ul li:hover{
		background-color:#F2F2F2;
	}
	#menu_1 ul li:hover a{
		color:#424242;
	}
	#menu_2{
		display:none;
	}

	#colGauche, #colDroite{
		width:100%;
		display:inline-block;
		float:none;
	}
	
	#bandeau_wrapper{
		height:60px !important;
	}
	

}
@media (max-width: 450px) {

	#bandeau_wrapper{
		height:50px !important;
	}
}



#bandeau_wrapper{
	height:46px;
	background-position:50% 50%;
	background-size:contain;
	background-repeat:no-repeat;
}
#bandeau{
	width:1355px;
	margin:0 auto;
}
.bandeau_titre{
	font-family:"openSansBold", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	color:#FFFFFF;
	font-size:36px;
	padding:54px 0 0 66px;
}
.bandeau_texte{
	font-family:"openSans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif !important;
	color:#FFFFFF;
	font-size:20px;
	padding:0 0 0 66px;
}