/*---------------------------------------------------------------
						ACCUEIL SUPPORT
-----------------------------------------------------------------*/
.page-node-2446 #block-views-tutoriels-block-1 .view-tutoriels .views-row .views-field-title a,
.page-node-3744 #block-views-tutoriels-block-1 .view-tutoriels .views-row .views-field-title a {
	display: inline-block;
	padding: 0 0 20px 0;
	font-size: 15px;
	font-weight: bold;
}
/*Block info / FAQ / video*/
#block-a-badgy-a-badgy-support {
	clear: both;
	padding: 20px 0 0 0;
}
#block-a-badgy-a-badgy-support #support-actu {
	width: 300px;
	float: left;
	background-color: #fff;
	padding: 40px;
}
#block-a-badgy-a-badgy-support #tabs {
	width: 600px;
	float: right;
}
#block-a-badgy-a-badgy-support #tabs .ui-tabs-nav li {
	width: 50%;
}
#block-a-badgy-a-badgy-support .view-faq {
	width: 410px;
	padding: 40px;
	float: left;
	background-color: #fff;
}
#block-a-badgy-a-badgy-support .view-faq .view-header h2 {
	margin-top: 0;
}
#block-a-badgy-a-badgy-support .view-faq .view-content {
	float: none;
}
#block-a-badgy-a-badgy-support .view-tutoriels {
	width: 410px;
	padding: 40px;
	float: right;
	background-color: #fff;
}
#block-a-badgy-a-badgy-support .view-tutoriels .view-header h2 {
	margin-top: 0;
}
/*---------------------------------------------------------------
						FAQ
-----------------------------------------------------------------*/
.page-support-faq-badgy1 h1 {
	min-height: 150px;
	background-image: url(../images/badgy1-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-faq-badgy100 h1 {
	min-height: 150px;
	background-image: url(../images/badgy100-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-faq-badgy200 h1 {
	min-height: 150px;
	background-image: url(../images/badgy200-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-faq-office-card h1 {
	min-height: 150px;
	background-image: url(../images/office-cards-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-faq-evolis-badge-studio h1 {
	min-height: 150px;
	background-image: url(../images/badge-studio-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.not-front.page-support-faq #content .region-content {
	height:1%;
}
.not-front.page-support-faq #content .region-content:after {
	content:".";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
.page-support-faq.not-front #content .region-content, .node-type-tutoriel.not-front #content .region-content {
	position: relative;
}
.page-support-faq #list-versions {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #383839;
	text-align: center;
}
.page-support-faq #list-versions li {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}
.page-support-faq #list-versions li a {
	padding: 0 40px;
	color: #adacac;
	font-size: 18px;
	border-right: solid 1px #adacac;
}
.page-support-faq #list-versions li a.active {
	color: #fff;
}
.page-support-faq #list-versions li.last a {
	border: 0;
}
.page-support-faq #a-badgy-search-form {
	margin: 40px 0 0 0;
	text-align: right;
}
.page-support-faq #a-badgy-search-form .form-item {
	width: 760px;
	float: left;
}
.page-support-faq #a-badgy-search-form .form-item input[type=text] {
	font-size: 14px;
	line-height: 18px;
}
.page-support-faq #a-badgy-search-form #edit-submit {
	float: right;
	clear: none;
	margin: 1em 0 0 0;
	padding: 7px 75px 8px 25px;
}
.page-support-faq .cat_faq_list {
	width: 300px;
	float: left;
}
.page-support-faq .faq-cat {
	border-left: solid 1px #a7a6a6;
	padding: 0 0 0 20px;
	margin: 35px 0 0 0;
}
.page-support-faq .faq-cat li {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
}
.page-support-faq .faq-cat li a {
	font-size: 18px;
	color: #a7a6a6;
}
.page-support-faq .faq-cat li a.active {
	color: #dc0014;
}
#faq-content {
	width: 560px;
	float: right;
}
.page-support-faq-search #faq-content {
	width: 100%;
	float: none;
}
#faq-content  .ui-accordion-content {
	color: #515152;
}
#faq-content .ui-accordion-content img {
	max-width: 100%;
	height: auto;
}

.faq-evolis-studio-interstitial {
	margin: 30px;
}

.faq-evolis-studio-interstitial p {
	color: #383839;
}

.faq-evolis-studio-interstitial ul {
    margin: 24px;
	display: flex;
	justify-content: space-evenly;
}

.faq-evolis-studio-interstitial ul > li {
	margin: 12px 20px;
	list-style-type: none;
    background-color: #eee;
}

.faq-evolis-studio-interstitial ul > li > a {
	background-color: #fff;
}

.faq-evolis-studio-interstitial ul > li > a:hover {
	background-color: #dc0014;
}

/*---------------------------------------------------------------
						VIDEOS
-----------------------------------------------------------------*/
.not-front.page-support-how-to-videos #content .region-content {
	height:1%;
}
.not-front.page-support-how-to-videos #content .region-content:after {
	content:".";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
.page-support-how-to-videos.not-front #content .region-content {
	position: relative;
	padding-top: 60px;
}
.page-support-how-to-videos #list-versions {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #383839;
	/*text-align: center;*/
}
.page-support-how-to-videos #list-versions li {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}
.page-support-how-to-videos #list-versions li a {
	padding: 0 40px;
	color: #adacac;
	font-size: 18px;
	border-right: solid 1px #adacac;
}
.page-support-how-to-videos #list-versions li a.active {
	color: #fff;
}
.page-support-how-to-videos #list-versions li.last a {
	border: 0;
}
.view-tutoriels.view-display-id-block_2 .views-row {
	width: 265px;
	margin: 30px 20px;
	padding: 0;
}
.view-tutoriels.view-display-id-block_2 .views-row .views-field-title a {
	display: block;
	height: 33px;
	overflow: hidden;
	font-size: 16px;
	border-bottom: solid 1px #d4d2d2;
	padding: 0 20px 10px 0;
	background-image: url(../images/plus-faq.png);
	background-repeat: no-repeat;
	background-position: right 20px;
}
.view-tutoriels.view-display-id-block_2 .views-row .views-field-field-image {
	margin: 10px 0 0 0;
}
/*Page indiv*/
#block-a-badgy-a-badgy-filter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#block-a-badgy-a-badgy-filter #list-versions {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #383839;
	text-align: center;
}
#block-a-badgy-a-badgy-filter #list-versions li {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}
#block-a-badgy-a-badgy-filter #list-versions li a {
	padding: 0 40px;
	color: #adacac;
	font-size: 18px;
	border-right: solid 1px #adacac;
}
#block-a-badgy-a-badgy-filter #list-versions li a.active {
	color: #fff;
}
#block-a-badgy-a-badgy-filter #list-versions li.last a {
	border: 0;
}

.node-type-tutoriel.not-front #content .region-content {
	padding-top: 60px;
}
.node-tutoriel iframe {
	width: 560px!important;
	height: 420px!important;
	/*float: left;*/
	margin: 0;
}
.node-tutoriel div.wrapper-iframe {
	width: 560px!important;
	height: 420px!important;
	float: left;
	margin: 0;
}
.node-tutoriel .field-name-body {
	margin: 0 0 0 50px;
	float: left;
	width: 310px;
	color: #515152;
}
.node-tutoriel h2 {
	color: #383839;
}
/*---------------------------------------------------------------
						TELECHARGMENTS
-----------------------------------------------------------------*/
.page-support-ressources-badgy1 h1 {
	min-height: 150px;
	background-image: url(../images/badgy1-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-ressources-badgy100 h1 {
	min-height: 150px;
	background-image: url(../images/badgy100-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-ressources-badgy200 h1 {
	min-height: 150px;
	background-image: url(../images/badgy200-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-ressources-office-card h1 {
	min-height: 150px;
	background-image: url(../images/office-cards-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.page-support-ressources-evolis-badge-studio h1 {
	min-height: 150px;
	background-image: url(../images/badge-studio-150.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.not-front.page-support-ressources #content .region-content {
	height:1%;
}
.not-front.page-support-ressources #content .region-content:after {
	content:".";
	height:0;
	line-height:0;
	display:block;
	visibility:hidden;
	clear:both;
}
.page-support-ressources.not-front #content .region-content {
	position: relative;
	padding-top: 70px;
}
.page-support-ressources #list-versions {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #383839;
	text-align: center;
}
.page-support-ressources #list-versions li {
	margin: 0;
	padding: 15px 0;
	list-style-type: none;
	list-style-image: none;
	display: inline-block;
}
.i18n-zh-hant.page-support-ressources #list-versions li#tid10, .i18n-zh-hant.page-support-ressources #list-versions li#tid213 {
	display: none;
}
.page-support-ressources #list-versions li a {
	padding: 0 40px;
	color: #adacac;
	font-size: 18px;
	border-right: solid 1px #adacac;
}
.page-support-ressources #list-versions li a.active {
	color: #fff;
}
.page-support-ressources #list-versions li.last a {
	border: 0;
}
.page-support-ressources.not-front #content .region-content #block-system-main {
	width: 580px;
	padding: 0 20px 0 0;
	float: left;
	border-right: solid 1px #ccc;
	min-height: 800px;
}
.page-support-ressources .view-ressources h3 {
	font-size: 16px;
	color: #515152;
	margin: 20px 0 20px 0;
}
.page-support-ressources .views-row {
	margin: 0 0 15px 0;
	color: #515152;
}
.page-support-ressources .view-ressources a {
	display: inline-block;
	width: 565px;
	color: #313132;
	text-decoration: underline;
	margin: 0 0 5px 0;
}
.page-support-ressources .field-fichier-description,
.page-support-ressources .field-fichier-size,
.page-support-ressources .field-fichier-type,
.page-support-ressources .field-history {
	display: inline-block;
	font-size: 12px;
	margin: 0 5px 0 0;
	color: #515152;
}
.page-support-ressources .field-history a {
	color: #989696;
	text-decoration: underline;
	display: inline;
}
.page-support-ressources .views-field-body {
	font-size: 13px;
	color: #8C8B8B;
}

/* paragraphes explicatifs sur la page de ressources */
.page-support-ressources .view-content,.view-header p {
	font-size: 13px;
	color: #8C8B8B;
}

/*Soft Office Card*/
#block-block-35 {
	width: 230px;
	padding: 20px;
	float: right;
	background-color: #dc0014;
}
#block-block-35 h2 {
	color: #fff;
	margin-top: 0;
}
#block-block-35 .content p {
	color: #fff;
	text-align: left;
}

/*Soft Evolis Badge Studio*/
#block-block-36 {
	width: 230px;
	padding: 20px;
	float: right;
	background-color: #dc0014;
}
#block-block-36 h2 {
	color: #fff;
	margin-top: 0;
}
#block-block-36 .content p, #block-block-36 .content ul {
	color: #fff;
	text-align: left;
}
/*FAQ*/
#block-views-faq-block-3, #block-views-faq-block-4 {
	width: 270px;
	float: right;
}
#block-views-faq-block-3 .views-faq .view-content, #block-views-faq-block-4 .view-faq .view-content {
	width: auto;
	padding: 0;
}
#block-views-faq-block-3 .views-row, #block-views-faq-block-4 .views-row {
	list-style-type: square;
	color: #383839;
	padding: 0;
	margin: 0 0 5px 15px;
}
#block-views-faq-block-3 .views-row a, #block-views-faq-block-4 .views-row a {
	color: #383839;
	font-size: 15px;
}
#block-views-faq-block-3 .view-faq .view-footer, #block-views-faq-block-4 .view-faq .view-footer {
	padding: 20px 0 0 0;
}
/*Videos*/
#block-views-faq-block-3, #block-views-tutoriels-block-3 {
	clear: right;
	width: 270px;
	float: right;
	margin: 35px 0 0 0;
	padding: 15px 0 0 0;
	border-top: solid 1px #ccc;
}
#block-views-tutoriels-block-3 .view-tutoriels .view-content {
	margin: 0;
}
#block-views-tutoriels-block-3 .view-tutoriels .views-row {
	width: auto;
	float: none;
	padding: 0;
	margin: 7px 0 7px 15px;
}
#block-views-tutoriels-block-3 .view-tutoriels .views-row .views-field-title a {
	color: #383839;
	font-size: 15px;
}
#block-views-tutoriels-block-3 .view-tutoriels .views-row .views-field-field-image {
	float: none;
	margin: 10px 0 0 0;
}
#block-views-tutoriels-block-3 .view-tutoriels .views-row .views-field-field-image img {
	width: 100% !important;
	height: auto;
}
#block-views-tutoriels-block-3 .view-footer {
	padding: 20px 0 0 0;
}
/*---------------------------------------------------------------
						BLOCS
-----------------------------------------------------------------*/
/*Contacter le support technique*/
#block-block-33 {
	clear: both;
	padding: 30px 0 0 0;
}

.page-support-ressources #content-bottom-l, .page-support-how-to-videos #content-bottom-l,
.page-support-faq #content-bottom-l, .node-type-tutoriel #content-bottom-l {
	padding: 0;
	background-color: transparent;
}



#block-block-37 {
	clear: both;
}