/*
"GTA Modding" (Gtamodding.fr) Style Sheet
Last Update : 10/17/14
Do not illegally copy this SS. 
All rights reserved
*/


/* HTML & MISCS */

html, body, ul, table, figure { 
  margin:0;
  padding:0;
}
img, embed, object, video, canvas {max-width:100%; height:auto; margin:0;}
body {
	color:#555;
	font-family:'CenturyGothicStd';
	font-size:12px;
    text-align:justify;
	background-color:#EFEFEF;
	margin:0;
	position:relative;
}
input, select, textarea {font-family:Arial, Helvetica, sans-serif;}

strong {font-family: 'CenturyGothicStd-Bold'; font-weight:normal;}

a {outline:0; color:#cf7f17; text-decoration:none;}
a img {border:0 !important;}
hr {background-color: #CCC; height: 1px; border:0;}
p {font-family:'CenturyGothicStd'; font-weight:normal; color:#555; font-size:13px;}

.align-center {text-align:center !important;}
.align-left {text-align:left !important;}
.align-right {text-align:right !important;}
.margin-top {margin-top:30px !important;}
.margin {margin:30px 0;}
.widemargin {margin:60px 0;}
.sm-margin {margin:15px 0 !important;}
.hiddenlg {display:none;}
ul.list {padding-left:30px; list-style-type:square;}
ul.list li {padding:2px 0;}
.right {float:right;}
.form-checkbox {width:0px !important; height:0px !important; opacity:0;}
p.quote {background-color:#DDD; padding:6px;}
.clear {clear:both;}
p.chapo {font-family: 'CenturyGothicStd-Bold'; font-size: 14px; margin-bottom: 30px;}

.addthis_toolbox a {margin:0 !important; font-size:14px !important; text-transform:none !important;}
.addthis_toolbox .addthis_button_expanded span {margin-right:6px !important;}
.mod-options .addthis_toolbox {float:left;}

h1 {font-family: 'CenturyGothicStd'; font-size:26px; text-transform:uppercase; font-weight:normal; border-bottom:1px solid #CCC; margin-bottom:22px; margin-top:12px;}
h2 {font-family: 'CenturyGothicStd-Bold'; font-size:20px; font-variant:small-caps; font-weight:normal; border-bottom:1px solid #CCC; margin-bottom:22px; margin-top:12px;}
h3 {font-family: 'CenturyGothicStd-Bold'; font-size:15px; font-weight:normal; color:#cf7f17; margin:16px 0;}


h2 a.plus {font-family:'CenturyGothicStd-Bold'; text-transform:uppercase; font-size:11px; position:relative; float:right; cursor:pointer; margin:0; line-height:24px;}
h2 a.plus:before {content:''; position:absolute; bottom:-5px; left:-18px;}

::selection {background: #222; color:#F4F4F4;}
::-moz-selection {background: #222; color:#F4F4F4;}


/* STRUCTURE */

#mainbar {position:fixed; top:0; left:0; width:100%; height:40px; background-color:#555; color:#FFF; z-index:999; box-shadow: 1px 1px 6px rgba(0,0,0,0.5);}
#mainbar ul.shortcuts {width:988px; height:20px; margin:0 auto; padding:10px 0px; line-height:20px; font-family: 'CenturyGothicStd'; text-transform:uppercase; list-style-type:none;}
#mainbar ul.shortcuts li {display:inline-block; margin-right:30px; vertical-align:middle;}
#mainbar ul.shortcuts li:last-child {float:right; margin-right:0;}
#mainbar ul.shortcuts li a {text-decoration:none; color:#FFF; font-size:12px;}

#mainbar .form-group {margin-top:-2px !important; margin-bottom:0 !important;  position:relative;}
#mainbar .form-control {height:25px !important; font-size:12px !important; width:490px !important; line-height:normal !important; border-radius:3px;}
#mainbar button {position:absolute; right:6px; top:5px; width:16px; height:16px; border:0; outline:none; margin:0; padding:0; cursor:pointer;}

#body-wrapper {width:988px; padding:0; margin:25px auto; margin-top:0; padding-top:55px;}

header {width:988px; margin:0 auto; text-align:center;}
header h1 {border:0 !important; margin:0; padding:0; outline:0; font-size:12px; text-align:center;}
header a {outline:none; border:none; text-align:center;}

nav {width: 988px; margin: 20px auto; margin-bottom:20px; border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.main-nav {width: 988px; padding: 0; text-align: center; display:table; margin:0;}
.main-nav li {display: table-cell;  height: 128px; text-align: center; margin: 0px; vertical-align: bottom; position: relative; padding: 10px;}
.main-nav li:last-child {width: 156px;}
.main-nav li a {outline-style: none;}
.main-nav li:hover {}
.main-nav li.active {}
.main-nav li.active:after {position:absolute; bottom:-1px; left:0; width:100%; content:""; border-bottom:1px solid #cf7f17;}
.main-nav li figure {display: block;margin-bottom: 15px;}
.main-nav li p {margin: 0;padding: 0;text-transform: uppercase;font-family: 'CenturyGothicStd-Bold';color: #000000;position: absolute;
bottom: 0; left: 0;right: 0;padding-bottom: 10px;}
.main-nav li a:hover {text-decoration: none;}
.main-nav li:hover p, .main-nav li.active p {color: #cf7f17;}
.dropdown-content {display: none; border-top:1px solid #CCC;}
.dropdown-content ul {background-color:#FFF; width: 988px;margin: 0;padding: 0px;height: 45px;margin-right: 1px; }
.dropdown-content li {display: inline-block;margin: 0 25px;height: 45px;line-height: 45px;}
.dropdown-content li:last-child {float:right;}
.dropdown-content li:last-child a {color: #cf7f17;}
.dropdown-content li.active {position: relative;}
.dropdown-content li.active:after {position:absolute; bottom:-1px; left:0; width:100%; content:""; border-bottom:1px solid #cf7f17;}
.dropdown-content li.active a {color: #cf7f17;}
.dropdown-content li a {color: #000000;font-family: 'CenturyGothicStd-Bold';font-size: 0.8em;text-transform: uppercase; text-decoration:none;}
.dropdown-content li a:hover {text-decoration: underline;color: #cf7f17;}
.js-clingify-ztransform {-moz-transform: translateZ(0px);transform: translateZ(0px);}
.js-clingify-wrapper {z-index: 999;width: 100%;-moz-transform: translateZ(0px);transform: translateZ(0px);}
.js-clingify-locked {left: 0;position: fixed;top: 0;z-index: 99999;}

#container {position:relative; padding:12px 18px 25px 18px; margin:0; width:100%; background-color:#FFF; min-height:500px !important;}
#container a {color:#cf7f17; text-decoration:none;}
#container a:hover {text-decoration:underline;}

@media screen and (max-width: 990px)
{
	.hiddenlg {display:block;}
	.hiddensm {display:none !important;}
	h1 {text-align:left;}
	#body-wrapper {width:100%; margin-top:0; padding-top:55px;}
	header {width:100%;}
	nav {width: 100%;}
	#container {padding:12px 12px 25px 12px;}
	.main-nav {width: 100%;}
	.main-nav li {height:auto;}
	.main-nav li figure {max-width:70%; margin-left:auto; margin-right:auto;}
	.main-nav li:last-child {width: auto;}
	.dropdown-content ul {width: 100%; height:auto;}
	#mainbar {position:absolute;}
	#mainbar ul.shortcuts {width:100%; padding-left:20px; padding-right:20px; display:table;}
	#mainbar ul.shortcuts li {display:table-cell;}
	#mainbar ul.shortcuts li.searchli {margin-right: 0;}
	#mainbar .form-control {height:25px !important; font-size:12px !important; width:100% !important;}

}
@media screen and (max-width: 720px)
{	
	.dropdown-content li {display: inline-block; width:calc(50% - 52px); text-align:center; line-height:normal; position:relative; vertical-align:top;}
	.dropdown-content li a {position:absolute;  top: 0; left: 0; bottom: 0; right: 0; margin:auto; height:0px;}
	.dropdown-content li:last-child {float:none; margin-bottom:15px;}
	.main-nav li {display:inline-block; width:28%;}
	.main-nav li p {font-size:13px;}
	#mainbar ul.shortcuts li.searchli {width:50%;}
	.hiddensm {display:none !important;}
}

ul.news-thumbs {width:100%; margin:0; padding:0; margin-bottom:0px;}
ul.news-thumbs li {display:inline-block; position:relative; width:225px; margin-right:12px; vertical-align:top; margin-bottom:16px;}
ul.news-thumbs li:nth-child(4n) {margin-right:0;}
ul.news-thumbs li:not(:nth-child(4n)) {}
ul.news-thumbs li figure {margin:0 auto; position:relative;}
ul.news-thumbs li figure img {width:225px; height:128px;}
ul.news-thumbs li figure:hover:before {content: ''; position: absolute; top: calc(50% - 21px); left: calc(50% - 22px); opacity:0.4;}
ul.news-thumbs li p.titre {display:block; font-family:'CenturyGothicStd-Bold'; font-size:13px; margin: 2px 0; text-align:left;}
ul.news-thumbs li p {display:block; font-family:'CenturyGothicStd'; font-size:11px; margin:0;}
ul.news-thumbs li a {color:#555 !important; text-decoration:none;}
ul.news-thumbs li span.news-cat {position:absolute; top:0; left:0; padding:5px; background-color:rgba(0,0,0,0.6); color:#FFF; font-family:'CenturyGothicStd'; font-size:11px;}
@media screen and (max-width: 990px)
{
	ul.news-thumbs li {width:48%; margin-right:0;}
	ul.news-thumbs li:last-child {float:right;}
	ul.news-thumbs li figure img {width:100%; height:auto;}
}
@media screen and (max-width: 319px)
{
	ul.news-thumbs li {width:100%;}
	ul.news-thumbs li:last-child {float:none;}
}
.plus {margin-bottom:12px; margin-top:-20px; height:20px; padding-right:7px;}
.plus a {font-family:'CenturyGothicStd-Bold'; text-transform:uppercase; font-size:11px; line-height:30px; position:relative; float:right; cursor:pointer;}
.plus a:before {content:''; position:absolute; bottom:-1px; left:-15px;}

.breadcrumbs {display:block; list-style-type:none; margin-bottom:15px; text-align:left;}
.breadcrumbs li {display:inline-block; font-size:10px; font-family: 'CenturyGothicStd'; color:#AAA; margin-right:20px;}
.breadcrumbs li a {position:relative;}
.breadcrumbs li a:after {position:absolute; right:-14px; content:"-"; color:#555;}

.cookiealert {position:fixed; bottom:0px; right:20px; width:200px; background-color:#333; padding:8px 18px 8px 18px; box-shadow: 1px 1px 6px rgba(0,0,0,0.7); opacity:0.95;}
.cookiealert p {font-size:11px; color:#F5F5F5; margin:6px 0; font-family:Verdana, Geneva, sans-serif; text-align:left;}
.cookiealert p.first {position:relative}
.cookiealert .close {position:absolute; top:10px; right:9px; cursor:pointer;}

.dashboard {width:988px; margin:15px -18px; background-color:#555; padding:10px 0px;}
.dashboard h2 {color:#FFF;}
.dashboard .search {margin:20px 0px 15px 0px; width:100%; text-align:center;}
.dashboard .search .form-group {margin:0px;}
.dashboard .searchadv {margin:10px auto; width:580px; text-align:center;}
.dashboard .searchadv .form-group {margin:3px 3px;}
.dashboard .searchadv .form-group input, .dashboard .searchadv .form-group select {width:260px;}
.dashboard .searchadv .form-group input.long {width:530px;}
.dashboard p.showroom-title {color:#858585; font-size:10px; margin:-5px 0px 3px 23px;}

@media screen and (max-width: 990px)
{
	.dashboard {width:calc(100% + 24px); margin:15px -12px; padding:10px 12px;}
	.dashboard .searchadv {width:100%;}
	.dashboard .searchadv .form-group input, .dashboard .searchadv .form-group select {width:100% !important;}
}
@media screen and (max-width: 770px)
{
	.dashboard .search .form-group {margin:auto; margin-bottom:3px; max-width:460px;}
	.plus {margin-bottom:12px; margin-top:1px; height:20px; padding-right:7px;}
}
@media screen and (max-width: 680px)
{
	.cookiealert {position:fixed; bottom:0px; right:0px; left:0px; width:100%;}
	.cookiealert p.first {padding-right:20px;}
	.cookiealert .close {padding:8px;}
	h2 a.plus {display:none;}
}

#showroom {}
#showroom .item {padding:0px 21px 0px 23px;}
#showroom .item figure {position:relative; width:150px; height:88px;}
#showroom .item figure img {box-shadow: 0px 0px 5px rgba(0,0,0,0.4); width:150px; height:88px;}
#showroom .item figure span.date {position:absolute; bottom:0px; right:0; padding:5px; background-color:rgba(0,0,0,0.5); color:#FFF; font-family:'CenturyGothicStd'; font-size:10px; font-weight:normal;}
#showroom .item figure span.titre {position:absolute; bottom:0px; right:0; left:0; padding:5px; background-color:rgba(0,0,0,0.5); color:#FFF; font-family:'CenturyGothicStd'; font-size:10px; font-weight:normal; width:100%; text-align:center; display:block;}
#showroom .owl-controls .owl-buttons div {opacity:0.1 !important;}
#showroom .owl-controls .owl-buttons:hover div {opacity:0.6 !important;}
#showroom .owl-prev {background:none; content:''; position:absolute; top:7px; left:-10px;}
#showroom .owl-next {background:none; content:''; position:absolute; top:7px; right:-10px;}
.ui-tooltip {color:#555; font-size:12px; font-family:'CenturyGothicStd'; background-color:#F3F3F3; box-shadow:1px 1px 10px rgba(0,0,0,0.5); font-weight:normal; border:none; border-radius:6px; opacity:0.9;}

.slideshow-container {position:relative;}
.slideshow-container .plus {position:absolute; right:0px; bottom:-16px; margin:0; padding:0;}
.slideshow-container .plus a {font-family:'CenturyGothicStd-Bold'; text-transform:uppercase; font-size:10px; line-height:none; position:relative; float:right;}
.slideshow-container .plus a:before {content:''; position:absolute; bottom:-1px; left:-15px;}
#slideshow {margin-bottom:20px; outline: solid 1px #DDD; width:100%; height:215px;}
#slideshow .item img {display: block; width: 100%; height: auto; position:relative;}
#slideshow .item img.gradient {display:none; position:absolute; left:0; top:0; right:0; bottom:0; z-index:5;}
#slideshow .item .info {position:absolute; bottom:20px; left:100px; z-index:10; width:475px; min-height:130px; background-color:rgba(0,0,0,0.6); padding:14px;}
#slideshow .item .info .title {color:white; font-size:18px; font-family:'CenturyGothicStd-Bold'; font-variant:small-caps;}
#slideshow .item .info p {margin:11px 0; color:#EEE; font-size:11px;}
#slideshow .item .info a.button {display:block; width:100px; height:30px; line-height:30px; color:white; background-color:#cf7f17; text-align:center; transition:all 0.2s ease-in;}
#slideshow .item .info a.button:hover {background-color:rgba(207,127,23,0.65);}
#slideshow .owl-controls {margin:0 !important;}
#slideshow .owl-controls .owl-buttons div {opacity:0.4 !important;}
#slideshow .owl-controls .owl-buttons:hover div {opacity:0.7 !important;}
#slideshow .owl-prev {background:none; content:''; position:absolute; top:38%; top:calc(50% - 32px); left:0px; height:64px;}
#slideshow .owl-next {background:none; content:''; position:absolute; top:38%; top:calc(50% - 32px); right:0px; height:64px;}
#slideshow .owl-controls .owl-page span {border:0; background-color:#555; box-shadow:1px 1px 4px rgba(0,0,0,0.4); width:8px; height:8px; margin:6px 8px; transition:all 0.5s ease-in-out; opacity:0.8;}
#slideshow .owl-controls .owl-page:hover span {opacity:1;}
#slideshow .owl-controls .owl-page.active span {background-color:#cf7f17; opacity:1;}
.slideshow-container .fb-like {position:absolute; right:16px; top:16px;}

@media screen and (max-width: 990px)
{
	#slideshow {width:100%; height:auto; outline:none; position:relative;}
}
@media screen and (max-width: 770px)
{
	#slideshow {position:relative;}
	#slideshow .item .info {position:relative; width:100%; height:auto; bottom:0; left:0; background-color:#555;}
	#slideshow .owl-next, #slideshow .owl-prev {top:0px;}
	#slideshow .owl-controls {margin:auto !important; position: absolute; top: 0; left: 0; right: 0;}
	#slideshow .owl-controls .owl-page span {box-shadow:1px 1px 8px rgba(0,0,0,0.7); opacity:0.9 !important; width:12px; height:12px; margin: 7px 10px;}
	
}
@media screen and (max-width: 680px)
{
	.slideshow-container .fb-like {right:8px; top:8px;}
}


.display-table {width:952px; margin:0px; padding:0;}
.display-table li {display:inline-block; width:474px; margin:0; margin-bottom:15px; padding:15px; padding-right:10px; height:127px; vertical-align:top;}
.display-table li figure {position:relative;}
.display-table li figure.thumb {float:left; width:200px; height:116px; margin-right:15px; margin-bottom:10px; position:relative;}
.display-table li figure.thumb img {width:200px; height:116px;}
.display-table li figure.thumb:hover:before {content:''; position: absolute; top: calc(50% - 21px); left: calc(50% - 22px); opacity:0.4;}
.display-table li figure span.categorie {position:absolute; top:0px; left:0; padding:5px; background-color:rgba(0,0,0,0.6); color:#FFF; font-family:'CenturyGothicStd'; font-size:10px; font-weight:normal;}
.display-table li figure span.jeu {position:absolute; bottom:0px; right:0; padding:5px; background-color:rgba(0,0,0,0.6); color:#FFF; font-family:'CenturyGothicStd'; font-size:10px; font-weight:normal;}
.display-table li h3 {color:#555; font-family:'CenturyGothicStd-Bold'; font-variant:small-caps; font-size:16px; margin:0; margin-bottom:12px; font-weight:normal; line-height:16px; text-align:left;}
.display-table li a, .display-table li a:hover {color:#555 !important;}
.display-table li p {margin:2px 0; padding:0; font-family:'CenturyGothicStd'; font-weight:normal; font-size:13px; text-align:left;}
.display-table li p span {font-size: 10px; margin-left: 3px;}
.display-table li p span.strong {font-size:13px; font-family:'CenturyGothicStd-Bold'; margin:0;}
.display-table li figure.rating-stars {margin-top:3px;}
#tablescroll {margin-top:30px;}
.loading {display:none; width:170px; margin:40px auto; vertical-align:middle; text-align:center;}
.loading img {float:left; margin-right:15px;}
#backtotop {display:none; cursor:pointer; position:fixed; z-index:9999; right:35px; bottom:26%; width:60px; height:60px;}

@media screen and (max-width: 990px)
{
	.display-table {width:100%; margin:30px 0px; padding:0;}
	.display-table li {display:inline-block; width:48%; height:auto;}
	.display-table li figure.thumb {width:50%; height:auto; margin-right:10px;}
	.display-table li figure.thumb img {width:100%; height:auto;}
	.display-table li figure span.jeu {bottom:3px;}
	#backtotop {right:25px;}
}
@media screen and (max-width: 840px)
{
	.display-table li figure.thumb {width:100%; margin-bottom:5px;}
	.display-table li {margin-bottom:5px;}
	#backtotop {bottom:25px; right:25px;}
}
@media screen and (max-width: 540px)
{
	.display-table {width:100%; margin:30px 0px; padding:0;}
	.display-table li {display:inline-block; width:100%; height:auto; margin-bottom:5px; padding:15px 10px;}
	.display-table li figure.thumb {width:45%; height:auto; margin-right:10px;}
	.display-table li figure.thumb img {width:100%; height:auto;}
	.display-table li figure span.jeu {bottom:4px;}
}
@media screen and (max-width: 410px)
{
	.display-table {width:100%; margin:30px 0px; padding:0;}
	.display-table li {display:inline-block; width:100%; height:auto; margin-bottom:0px;}
	.display-table li figure.thumb {width:100%; height:auto; margin-right:0px;}
}

.main-pager {display:block; text-align:center; margin:20px auto; width:80%;}
.main-pager li {display:inline-block; padding:9px; background-color:#FFF; border:1px solid #CCC; margin:5px; text-align:center; border-radius:3px; min-width:35px;}
.main-pager li:hover {background-color:#F6F6F6; cursor:pointer;}
.main-pager li a, .main-pager li a:hover {color:#555; text-decoration:none !important;}
.main-pager li.selected {background-color:#cf7f17;}
.main-pager li.selected {color:#FFF !important; cursor: default;}

.form-upload {width:500px; margin:70px auto; padding:20px; text-align:center; background-color:#555; border-radius:4px; min-height:200px; z-index:10;}
.form-upload p {margin:12px 0px; color:#F3F3F3; font-size:12px; text-align:justify;}
.form-upload .form-inputs {margin:40px 0px 15px 0px; width:100%; text-align:center;}
.form-upload .form-inputs .form-group {margin:0px; text-align:center; width:auto; margin-bottom:14px;}
.form-upload .form-inputs .form-group p {margin:4px; font-size:10px; color:#F3F3F3; text-align:center;}
.form-upload .form-inputs .form-control {height:auto !important;}
.form-upload .form-inputs input[type=submit], .form-upload .form-inputs input[type=file] {display:inline-block;}
.form-upload .form-inputs input, .form-upload .form-inputs select {min-width:400px; margin:auto; width:auto;}
.form-upload .form-inputs input[type=checkbox], .form-upload .form-inputs input[type=submit] {min-width:initial; display:inline-block;}
.form-upload .form-inputs label {color:#F3F3F3; font-size:11px; font-family:'CenturyGothicStd'; font-weight:normal; vertical-align:middle;}
.form-upload .form-inputs textarea {max-width:400px; margin:auto; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.form-upload h2 {color:#F3F3F3; text-align:left; margin-top:0; font-family: 'CenturyGothicStd';}
.check input[type=checkbox] {min-width:initial; display:inline-block; width:auto; height:auto;}
.check label {color:#F3F3F3; font-size:11px; font-family:'CenturyGothicStd'; font-weight:normal; vertical-align:middle;}
figure.franklin {position:absolute; left:40px; bottom:-2px;}

.left-col {float:left; width:468px; padding:0; margin:0;}
.right-col {float:right; width:468px; padding:0; margin:0;}
@media screen and (max-width: 990px)
{
	.form-upload {width:95% !important; max-width:500px; margin:30px auto;}
	.form-upload .form-inputs input, .form-upload .form-inputs select {min-width:0 !important; width:100% !important;}
	.left-col {width:49%;}
	.right-col {width:49%;}
}
@media screen and (max-width: 720px)
{
	.left-col {float:none; width:100%; margin-bottom:16px;}
	.right-col {float:none; width:100%;}
	figure.franklin {display:none;}
}

ul.mod-pics {width:100%; margin:0; padding:10px; min-height:200px; background-color:#555; margin-bottom:16px;}
ul.mod-pics li:first-child {display:block; width:100%; margin:0; padding:0;}
ul.mod-pics li {display:inline-block; width:108px; margin:5px 5px 0px 0px; padding:0;}
ul.mod-pics li:nth-child(4n+1) {margin-right:0px;}
ul.mod-pics li img {width:100% !important; outline: solid 1px #444;}

@media screen and (max-width: 990px)
{
	ul.mod-pics {text-align:center;}
	ul.mod-pics li {display:inline-block; width:32%; margin:5px 5px 0px 0px; padding:0;}
	ul.mod-pics li:nth-child(4n+1) {margin-right:5px;}
	ul.mod-pics li:nth-child(3n+1) {margin-right:0px;}
}
@media screen and (max-width: 550px)
{
	ul.mod-pics li {width:48%;}
	ul.mod-pics li:nth-child(3n+1) {margin-right:5px;}
	ul.mod-pics li:nth-child(2n+1) {margin-right:0px;}
}

.image-source-link {color: #98C3D1;}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {opacity: 0.001; -webkit-backface-visibility: hidden;	/* ideally, transition speed should match zoom duration */	-webkit-transition: all 0.3s ease-out;	-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container {opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg {opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {opacity: 0;}

.video-show {width:100%; margin:0; padding:0; margin-bottom:16px;}
@media screen and (max-width: 990px)
{
	.video-show iframe {width:100% !important; height:auto !important;}
}

a.download-button {display:block; width:100%; height:45px; line-height:45px; text-align:center; background-color:#555; color:#cf7f17 !important; font-family: 'CenturyGothicStd'; font-size: 17px; text-transform: uppercase; margin-bottom:16px; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in;}
a:hover.download-button {color:#cf7f17; text-decoration:none !important; background-color:#444;}

a.jeu-logo {float:right;}

.download-fiche {width:100%; padding:10px; border:1px solid #CCC; margin-bottom:16px;}
.download-fiche p {margin:0px 0px 5px 0px; font-size:13px; word-wrap: break-word;}
.download-fiche p span {font-size:13px; font-family: 'CenturyGothicStd-Bold';}
.download-fiche p img {margin-bottom:-2px;}
.download-fiche p.note {display:inline-block;}
.download-fiche div.notespan {display:inline-block; padding:4px; font-size:8px; margin-left:15px; position:relative; background-color:#EFEFEF; border:0; border-radius:4px; color:#777; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);}
.download-fiche div.notespan span {font-size:8px; color:#777;}
.download-fiche p img.byauthor {margin-left:8px !important; width:auto; vertical-align:top; cursor:help;}
.download-fiche .form-inline .form-control {margin:0; margin-top:5px; padding:4px 6px;}

.mod-options {border-top:1px solid #CCC; margin:0; padding:5px 0;}
.mod-options a {float:left; font-size:8px; text-transform:uppercase; margin-right:15px; cursor:pointer;}
.mod-options a.setmod {float:right; margin-right:0;}

.sharemod {margin:0; width:100%; height:54px; background-color:#EEE; padding:10px; position:relative; text-align:right;}
/*.sharemod:before {font-family:'FontAwesome'; content:'\f045'; color:#AAA; font-size:40px; position:absolute; left:10px; top:13px;}*/
.sharemod ul.sharelinks {width:100%; height:34px; margin:0; padding:0; list-style-type:none;}
.sharemod ul.sharelinks li {display:inline-block; width:32%; height:34px; line-height:34px; text-align:center; vertical-align:middle;}
.sharemod ul.sharelinks li a {display:block; width:100%; height:100%; font-size:18px; color:#BBBBBB !important; transition:all 0.16s ease-in-out;}
.sharemod ul.sharelinks li:hover a {color:#666 !important; text-shadow:1px 1px 17px rgba(0,0,0,0.4); -webkit-text-shadow:1px 1px 17px rgba(0,0,0,0.4); -moz-text-shadow:1px 1px 17px rgba(0,0,0,0.4);}

.report-form {position: relative; background: #FFF; padding: 20px; width: 600px; max-width: 600px; margin: 20px auto;}
.report-form p.head {font-variant:small-caps; margin-top:0; border-bottom:1px solid #CCC; margin-bottom:25px; font-size:17px; font-weight:bold;}
.report-form p {margin-bottom:30px;}
.report-form input, .report-form textarea {max-width:450px; background-color:#F3F3F3; font-family: 'CenturyGothicStd'; font-size:14px;}
.report-form input[type=submit] {max-width:200px;}
.report-form .form-control {margin:0 auto;}

@media screen and (max-width: 990px)
{
	.report-form {width:100%;}
	.report-form input, .report-form select {min-width:0 !important; margin:auto; width:100% !important;}
}

.commentaire {width: 800px; margin:20px auto;}
.commentaire p.user {font-family: 'CenturyGothicStd-Bold'; font-weight:normal; font-size:12px; margin-bottom:3px;}
.commentaire p.user span.note {float:right; font-weight:normal; font-size:11px; font-family: 'CenturyGothicStd'; color:#cf7f17;}
.commentaire p.user strong {font-weight:normal; color:#cf7f17; cursor:help;}
.commentaire p.user span.date {font-family: 'CenturyGothicStd'; color:#CCC;}
.commentaire p.comm {font-size:12px; background-color:#F5F5F5; width:100%; padding:10px; margin-bottom:10px; margin-top:0px; border-left:1px solid #CCC; text-align:left;}
#commentpost input:not([type="submit"]) {font-size:13px !important;}
#commentpost textarea {font-size:13px !important;}
#commentpost {margin:35px auto !important;}

@media screen and (max-width: 990px)
{
	.commentaire {width: 100%;}
}

.faq h3 {font-family: 'CenturyGothicStd-Bold'; margin-left:10px; font-weight:normal; margin-bottom:0; padding-left:0 !important;}
.faq h3:before {content: "• "; padding-right:10px;}
.faq div {margin-left:10px; padding:0 !important; height:auto; margin-bottom:5px;}

ul.tutos {width:100%; margin:0; padding:0; margin-bottom:10px; list-style-type:none;}
ul.tutos li {display:inline-block; width:300px; height:171px; margin-right:22px; vertical-align:bottom; margin-bottom:16px;}
ul.tutos li:nth-child(3n) {margin-right:0;}
ul.tutos li:not(:nth-child(3n)) {}
ul.tutos li a {margin:0 auto;}
ul.tutos li figure {width:300px; height:171px; position:relative;}
ul.tutos li figure img {width:300px; height:171px;}
ul.tutos li figure h3.titre {position:absolute; bottom:0; left:0; right:0; padding:10px 30px; background-color:rgba(0,0,0,0.6); color:#FFF; font-family:'CenturyGothicStd-Bold'; font-size:15px; font-weight:normal; width:100%; height:auto; margin:0; text-align:center; font-variant:small-caps;}


ul.articles {width:80%; margin:auto; list-style-type:none;}
ul.articles li {width:100%; margin-bottom:20px; background-color:#EEE;}
ul.articles li h3 {color:#555; margin:8px 0; padding:8px; padding-bottom:0;}
ul.articles li a.artitle:hover {color:#555 !important; text-decoration:none !important;}
ul.articles li .categorie {float:right; background-color:#555; color:#E5E5E5; text-transform:uppercase; font-size:11px; padding:4px; margin-left:20px;}
ul.articles li figure {float:left; width:150px; margin-right:10px; margin-bottom:6px; position:relative;}
ul.articles li figure .date {position:absolute; left:0; bottom:3px; font-size:12px; color:white; background-color:rgba(0,0,0,0.5); padding:3px 8px;}
ul.articles li .info {width:auto; padding-right:10px;}
ul.articles li .info p {margin:8px 0; margin-bottom:10px;}
ul.articles li .info .comments {display:block; width:32px; height:32px;  color:#E5E5E5 !important; text-align:center; line-height:24px; font-size:11px; float:right; margin-right:10px; opacity:0.5;}
ul.articles li .info .comments:hover {text-decoration:none !important;}
figure.article {margin:30px auto; text-align:center;}
.article-img {text-align:center; margin:30px 0; width:100%;}
.article-img figure {display:inline-block; width:49%; width: calc(50% - 8px);}
.article-img figure+figure {margin-left:10px;}
.article-img figure img {width:100%; height:auto;}

.morearticles {display:block; text-align:center; margin:40px auto; font-size:16px; text-decoration:none; font-family:'CenturyGothicStd-Bold'; cursor:pointer;}

.infobox {background-color:#E5E5E5; width:60%; padding:10px; min-height:100px; margin:50px; margin-right:0;}
.infobox ul {padding-left:20px; list-style-type:square;}
.infobox ul li {margin:4px 0;}

ul.articles-up {width:952px; margin:auto; list-style-type:none; padding:0;}
ul.articles-up li {width:49%; background-color:#EEE; margin:0; padding:0; display:inline-block;}
ul.articles-up li:nth-child(2n) {float:right;}
ul.articles-up li h3 {color:#555; margin:0; padding:6px 0; font-size:13px;}
ul.articles-up li a.artitle:hover {color:#555 !important; text-decoration:none !important;}
ul.articles-up li .categorie {float:right; background-color:#555; color:#E5E5E5; text-transform:uppercase; font-size:11px; padding:4px; margin-left:20px;}
ul.articles-up li figure {float:left; width:170px; height:97px; margin-right:10px; position:relative;}
ul.articles-up li figure img {width:170px; height:97px;}
ul.articles-up li figure .date {position:absolute; left:0; bottom:6px; font-size:12px; color:white; background-color:rgba(0,0,0,0.5); padding:3px 8px;}
ul.articles-up li .info {width:auto; padding-right:10px;}
ul.articles-up li .info p {font-size:11px; margin:0; overflow:hidden;}

.article-video {width:100%; margin:30px auto; padding:0; text-align:center;}



@media screen and (max-width: 990px)
{
	ul.tutos {text-align:center;}
	ul.tutos li {display:inline-block; width:48%; height:auto; margin-right:6px;}
	ul.tutos li figure {width:100%; height:auto;}
	ul.tutos li figure img {width:100%; height:auto;}
	ul.tutos li figure h3.titre {bottom:3px;}
	.article-img figure {width:48%;}
	ul.articles-up {width:96%; calc(100% - 36px);}
	.article-video iframe {width:100% !important; height:auto !important;}
}

@media screen and (max-width: 550px)
{
	ul.articles {width:95%; margin:auto; list-style-type:none;}
	ul.articles li figure {float:left; width:38%; margin-right:10px; margin-bottom:10px;}
	ul.articles li p {padding:0 5px;}
	ul.articles li .info .comments {padding:0 !important;}
	ul.articles li .info a {padding:5px;}
	ul.articles li .categorie {padding-top:5px; display:block;}
	ul.articles li figure .date {bottom:4px;}
	ul.tutos {text-align:center;}
	ul.tutos li {display:inline-block; width:100%; height:auto; margin-right:0px;}
	ul.tutos li figure h3.titre {bottom:4px;}
	.mod-options span.right {float:left !important; padding:8px 0;}
	.infobox {width:100%; margin:0;}
	.article-img {margin:20px 0;}
	.article-img figure {display:block; width:100%; margin-bottom:5px;}
	.article-img figure+figure {margin-left:0;}
	ul.articles-up li figure {width:145px; height:auto; margin-top:8px;}
	ul.articles-up li figure img {width:100%; height:auto;}
	ul.articles-up li:nth-child(2n) {float:none;}
	ul.articles-up li p {padding-bottom:4px;}
	ul.articles-up li {width:100%; display:block; margin-bottom:18px;}
	ul.articles-up li:last-child {margin-bottom:0px;}
}
@media screen and (max-width: 400px)
{
	ul.articles li figure {float:none; width:100%; height:auto; margin-right:0px; margin-bottom:10px;}
	ul.articles li figure img {width:100%;}
}


/* ADMIN */
.adminpannel {margin:70px auto;}
.adminpannel td {position:relative; margin-top:70px;}
.adminpannel tr+tr td {padding-top:30px;}
.adminpannel td span {position:absolute; top:56px; right:45px; background-color:#cf7f17; width:24px; height:24px; font-size:10px; font-weight:bold; color:#FFF; line-height:24px; text-align:center; border-radius:12px;}
.adminpannel tr+tr td span {top:86px;}
.adminpannel td a {font-size:13px; font-family:'CenturyGothicStd-Bold'; font-weight:normal; text-transform:uppercase; color:#555 !important;}
.adminpannel td a:hover {text-decoration:none !important; color:#cf7f17 !important;}

.admintable {border:1px solid #CCC; width:750px; margin:0 auto; border-spacing : 0; border-collapse : collapse; margin-top:40px;}
.admintable td {padding:5px; border:1px solid #CCC;}
.admintable td:first-child {text-align:center;}
.admintable tr:first-child {font-weight:bold;}

.rapport {width:500px; margin:15px auto; background-color:#F5F5F5; border-radius:4px; padding:10px;}
.rapport p.title {font-size:14px; font-family:'CenturyGothicStd-Bold'; font-weight:normal; margin-top:0;}
.rapport a.id {font-size:14px; float:right;}

@media screen and (max-width: 990px)
{
	.adminpannel {margin:10px auto; width:100%;}
	.adminpannel td {position:relative; margin:10px 0; display:inline-block !important;}
	.admintable {width:90%;}
}
@media screen and (max-width: 560px)
{
	.adminpannel td {width:48% !important;}
	.rapport {width:98%;}
}

.form-inputs {margin:40px 0px 15px 0px; width:100%; text-align:center;}
.form-inputs .form-group {margin:0px; text-align:center; width:auto; margin-bottom:14px;}
.form-inputs .form-group p {margin:4px; font-size:10px; color:#F3F3F3; text-align:center;}
.form-inputs .form-control {height:auto !important;}
.form-inputs input[type=submit], .form-upload .form-inputs input[type=file] {display:inline-block;}
.form-inputs input, .form-upload .form-inputs select {min-width:400px; margin:auto; width:auto;}
.form-inputs input[type=checkbox], .form-upload .form-inputs input[type=submit] {min-width:initial; display:inline-block;}
.form-inputs label {color:#F3F3F3; font-size:11px; font-family:'CenturyGothicStd'; font-weight:normal; vertical-align:middle;}
.form-inputs textarea {max-width:400px; margin:auto; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
.form-upload textarea {font-family:Arial;}
.form-upload .form-group label {cursor:pointer;}




/* FOOTER */
footer {display:block; width:100%; margin:0; min-height:100px; background-color:#555; padding-bottom:20px; border-top:2px solid #999; margin-top:50px;}
footer ul.footer-links {width:928px; margin:0 auto; color:#F3F3F3; padding-left:30px;}
footer ul.footer-links li {display:inline-block; width:220px; margin:0; padding:0; padding-right:10px; vertical-align:top;}
footer ul.footer-links li a {text-decoration:none;}
footer ul.footer-links li h3 {font-family: 'CenturyGothicStd'; font-size:14px; font-variant:small-caps; font-weight:normal; margin-bottom:6px; margin-top:0px; color:#cf7f17; border-bottom:1px solid #595959;}
footer ul.footer-links li ul.links-col {list-style-type:square; margin:0; padding:0; margin-bottom:20px;}
footer ul.footer-links li ul.links-col li {margin:0; padding:0; display:block; width:auto;}
footer ul.footer-links li ul.links-col li a {color:#F7F7F7; text-decoration:none; font-size:10px; font-family: 'CenturyGothicStd'; font-weight:normal;}
footer p {text-align:center; font-size:10px; color:#F7F7F7; margin:3px auto;}
footer ul.footer-links li ul.links-col li.facebook {height:30px; margin-top:18px; position:relative;}
footer ul.footer-links li ul.links-col li.facebook a:before {position:absolute; left:0px; top:11px; font-family:'FontAwesome'; content:'\f09a'; font-size:22px !important; color:#DDD;}
footer ul.footer-links li ul.links-col li.facebook a:hover:before {color:#FFF; text-shadow:1px 1px 10px rgba(255,255,255,0.38); -webkit-text-shadow:1px 1px 10px rgba(255,255,255,0.38); -moz-text-shadow:1px 1px 10px rgba(255,255,255,0.38);}
footer ul.footer-links li ul.links-col li.facebook a {margin-left:22px; padding:4px 5px; width:80px; height:30px; display:block; text-align:justify; background-color:#777; color:#CCC; text-transform:uppercase; font-size:9px; font-family:'CenturyGothicStd-Bold'; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:11px;}

@media screen and (max-width: 990px)
{
	footer ul.footer-links {width:100%; padding:12px; text-align:center;}
	footer ul.footer-links li {display:inline-block; width:30%; padding-right:6px; text-align:left;}
}

@media screen and (max-width: 780px)
{
	footer ul.footer-links li {width:40%; padding-right:12px;}
}

@media screen and (max-width: 320px)
{
	footer ul.footer-links li {width:80%; padding:0;}
}