/*
Theme Name: Popart
Theme URI: http://www.kinoa.com/
Author: Kinoa / Indexel
Author URI: http://www.kinoa.fr/
*/
@font-face {
    font-family: 'DINEngschriftRegular';
    src: url('css/fonts/dinengschrift-webfont.eot');
    src: url('css/fonts/dinengschrift-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/dinengschrift-webfont.woff') format('woff'),
         url('css/fonts/dinengschrift-webfont.ttf') format('truetype'),
         url('css/fonts/dinengschrift-webfont.svg#DINEngschriftRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Arial";
	font-size: 14px;
	background: #dfdfdf;
}

#wrapper {
	width: 980px;
	background: #fff;
}

#header {
	width: 100%;
	height: 175px;
	position: relative;
	background: url(images/ligne.jpg) bottom repeat-x;
}

#header #logo {
	position: absolute;
	left: 30px;
	top: 30px;
}

#header #mainnav {
	position: absolute;
	right: 30px;
	top: 0;
}

#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#header ul li {
	float: left;
	margin-left: 10px;
	border-top: 5px solid #e2007a;
	border-bottom: 5px solid #e2007a;
	padding: 4px 0 2px 0;
}

#header ul li a {
	display: inline;
	font-family: "DINEngschriftRegular";
	font-size: 34px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 29px;
}

#header ul li.item-1 {
	border-color: #e2007a;
	margin-top: 50px;
}

#header ul li.item-1 a {
	color: #e2007a;
}

#header ul li.item-2 {
	border-color: #fdc400;
	margin-top: 50px;
}

#header ul li.item-2 a {
	color: #fdc400;
}

#header ul li.item-3 {
	border-color: #97bf0d;
	margin-top: 20px;
}

#header ul li.item-3 a {
	color: #97bf0d;
}

#header ul li.item-4 {
	border-color: #009ee0;
	margin-top: 50px;
}

#header ul li.item-4 a {
	color: #009ee0;
}

#header ul li.item-1:hover, #header ul li.item-2:hover, #header ul li.item-3:hover, #header ul li.item-4:hover {
	border-color: #c8c8c8;
}

#header ul li.item-1:hover a, #header ul li.item-2:hover a, #header ul li.item-3:hover a, #header ul li.item-4:hover a {
	color: #c8c8c8;
}

#footer {
	margin-top: 60px;
	background: #dfdfdf;
	text-align: center;
	padding-top: 38px;
	padding-bottom: 38px;
	position: relative;
}

#footer table {
	width: auto;
	margin: 0 auto;
}

#footer #europe {
	display: block;
	width: 96px;
	height: 64px;
	background: url(images/europe.png) no-repeat;
	margin-right: 30px;
}

#footer #seven {
	display: block;
	width: 79px;
	height: 64px;
	background: url(images/7.png) no-repeat;
	margin-right: 30px;
}

#footer #europe:hover, #footer #seven:hover {
	background-position: right center ;
}

#footer a {
	font-size: 12px;
	color: #676767;
	font-family: "Arial";
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#top {
	background: url(images/top.png) no-repeat;
	width: 74px;
	height: 74px;
	text-indent: -9999px;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -37px;
}

#top:hover {
	background-position: right center ;
}

#introduction {
	width: 780px;
	margin: 10px auto 0 auto;
	height: 230px;
	color: #fff;
	font-size: 21px;
	font-family: "DINEngschriftRegular";
	line-height: 27px;
	background: #e2007a url(images/fleche.png) center 201px no-repeat;
}

#introduction p {
	text-align: center;
	padding: 25px 27px 0 27px;
	margin: 0;
	font-weight: normal;
}

#introduction p.main-results {
	line-height: 35px;
	padding: 0px 27px 0px 27px;
	text-transform: uppercase;
}

#content {
	padding-left: 30px;
	
}

.slide {
	width: 100%;
	overflow: hidden;
	margin-top: 42px;
}

.slide h2 {
	margin: 0;
	padding: 0;
}

.slide h2 a {
	text-decoration: none;
}

.slide h2 span.part-1 {
	display: block;
	font-size: 31px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 27px;
	padding-right: 50px;
}

.slide h2 a span.part-1 {
	color: #009ee0;
}

.slide h2 a:hover span.part-1 {
	color: #7c7c7c;
}

.slide h2 span.part-2 {
	display: block;
	font-size: 20px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: right;
}

.slide h2 a span.part-2 {
	color: #636363;
}

.slide h2 a:hover span.part-2 {
	color: #c8c8c8;
}

.slide ul {
	width: 99999px;
	margin: 0;
	padding: 0;
}

.inter ul {
	padding: 0;
	margin: 20px 0 0 0;
}

.slide ul li, .inter ul li {
	display: block;
	float: left;
	width: 259px;
	height: 176px;
	padding-right: 6px;
	position: relative;
}

.inter ul li {
	padding-right: 35px;
	margin-bottom: 35px;
}

.slide .titre {
	float: left;
	margin-right: 30px;
	margin-bottom: 5px;
}

.slide .boutons {
	float: left;
}


.slide .next {
	background: url(images/next.png) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	float: left;
}

.slide .next:hover {
	background: url(images/next_RO.png) no-repeat;
}

.slide .previous {
	background: url(images/previous.png) no-repeat;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	float: left;
	margin-right: 7px;
}

.slide .previous:hover {
	background: url(images/previous_RO.png) no-repeat;
}

.slide .overlay-main, .inter .overlay-main {
	height: 72px;
	width: 259px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.slide .rose .overlay-main, .inter .rose .overlay-main {
	background: #e10079;
}

.slide .jaune .overlay-main, .inter .jaune .overlay-main {
	background: #fdc400;
}

.slide .vert .overlay-main, .inter .vert .overlay-main {
	background: #97bf0d;
}

.slide .bleu .overlay-main, .inter .bleu .overlay-main {
	background: #009ee0;
}

.slide .orange .overlay-main, .inter .orange .overlay-main {
	background: #f29400;
}

.slide a.overlay, .inter a.overlay {
	display: none;
  	background: #000;
  	width: 259px;
	height: 176px;
	position: absolute;
	left: 0;
	top: 0;
}

.slide .content, .inter .content {
	font-size: 25px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	line-height: 26px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	text-align: center;
	width: 259px;
	color: #fff;
	display: none;
}

.slide .content a, .inter .content a {
	color: #fff;
	text-decoration: none;
}

.slide h4, .inter h4 {
	color: #fff !important;
	font-size: 19px !important;
	line-height: 21px !important;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	padding: 5px 7px !important;
	font-weight: normal;
}

#sidebar {
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	width: 225px;
	float: left;
}

#sidebar ul {
	list-style: none;
}

#sidebar ul a {
	text-decoration: none;
	color: #009ee0;
}

#sidebar ul li.jaune a {
	color: #fdc400;
}

#sidebar ul li.vert a {
	color: #98bf0d;
}

#sidebar ul a:hover, #sidebar ul li.jaune a:hover, #sidebar ul li.vert a:hover {
	color: #7c7c7c;
}

#sidebar ul li {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 15px;
}

#sidebar ul li ul {
	margin: 20px 0 20px 10px;
	padding: 0;
}

#sidebar ul li li {
	font-size: 13px;
	line-height: 17px;
	font-family: "Arial";
	text-transform: none;
}

#sidebar ul li li a, #sidebar ul li.jaune li a, #sidebar ul li.vert li a {
	color: #4a4a4a;
}

#sidebar ul li li a:hover, #sidebar ul li.jaune li a:hover, #sidebar ul li.vert li a:hover {
	color: #e2007a;
}

#sidebar ul ul li.active a {
	color: #e2007a !important;
}

#texte {
	margin-left: 255px;
	width: 646px;
	margin-top: 30px;
	color: #3c3d3d;
}

#texte h1 {
	color: #3c3d3d;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 41px;
	line-height: 42px;
}

#texte h2 {
	color: #009ee0;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 19px;
	line-height: 21px;
}

#texte p {
	line-height: 21px;
}

#learnmore a {
	color: #3c3d3d;
	text-decoration: none;
}



#learnmore a:hover {
	color: #e2007a;
}

#learnmore {
	background: #ebebeb;
	padding: 12px;
	font-size: 12px;
}

#learnmore ul {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}

#learnmore ul li {
	margin-bottom: 10px;
}

#learnmore ul li a, #learnmore .titre-video {
	padding-left: 20px;
	background: url(images/fleches.png) left 2px no-repeat;
}

#learnmore ul li a:hover {
	background: url(images/fleches_RO.png) left 2px no-repeat;
}

#learnmore h2 {
	font-size: 72px;
	color: #ffffff;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	line-height: 72px;
	margin-bottom: 20px;
}

#learnmore h3 {
	color: #626262;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 19px;
}

#learnmore h3.videos {
	background: url(images/videos.png) no-repeat;
	line-height: 33px;
	padding-left: 40px;
}

#learnmore h3.pdf {
	background: url(images/book.png) no-repeat;
	line-height: 22px;
	padding-left: 40px;
}

#learnmore h3.zip {
	background: url(images/zip.png) no-repeat;
	line-height: 28px;
	padding-left: 40px;
}

#learnmore h3.filemaker {
	background: url(images/filemaker.png) no-repeat;
	line-height: 30px;
	padding-left: 40px;
}

#learnmore .video {
	margin-top: 10px;
}

#learnmore #videos ul li {
	margin-bottom: 23px;
}

.bouton-rose {
	width: 240px;
	height: 52px;
	display: block;
	color: #fff;
	padding: 7px;
	background: #e10079;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 19px;
	text-decoration: none;
	margin: 0 auto 15px auto;
}


.bouton-jaune {
	width: 240px;
	height: 52px;
	display: block;
	color: #fff;
	padding: 7px;
	background: #fdc400;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 19px;
	text-decoration: none;
	margin: 0 auto 15px auto;
}

.bouton-vert {
	width: 240px;
	height: 52px;
	display: block;
	color: #fff;
	padding: 7px;
	background: #97bf0d;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	font-size: 19px;
	text-decoration: none;
	margin: 0 auto 15px auto;
	line-height: 21px;
}


.bouton-rose:hover, .bouton-jaune:hover, .bouton-vert:hover {
	color: #fff;
	background: #b7b7b7;
}

.popart-book-description {
	height: 227px;
	position: relative;
	margin-bottom: 27px;
	
}

.popart-book-description .bottom {
	position: absolute;
	bottom: 0;
	left: 238px;
	border-top: 1px solid #afafaf;
	width: 437px;
}

.popart-book-description h3 {
	color: #4a4a4a;
	font-size: 21px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	line-height: 21px;
	margin: 11px 0 7px 0;
	padding: 0;
	text-align: left;
}

.popart-book-description span {
	color: #e41082;
	font-size: 13px;
}

.gallery h2 {
	border-top: 1px solid #afafaf;
	padding-top: 35px;
	margin-top: 35px;
}

.gallery h2.first {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.gallery h3 {
	color: #4a4a4a;
	font-size: 21px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	line-height: 21px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.gallery h4 {
	color: #4a4a4a;
	font-size: 17px;
	line-height: 17px;
	font-family: "DINEngschriftRegular";
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: normal;
}

.gallery .video, .gallery .poster {
	float: left;
	margin-right: 18px;
}

.gallery a:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
  	-moz-opacity: 0.5;
  	-khtml-opacity: 0.5;
  	opacity: 0.5;
}

.pictures .image {
	float: left;
	width: 134px;
	height: 120px;
	margin-right: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.pictures .image img {
	border: 1px solid #a0a0a0;
}

.pictures .image a:hover img {
  	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  	filter: alpha(opacity=50);
  	-moz-opacity: 0.5;
  	-khtml-opacity: 0.5;
  	opacity: 0.5;
}