/*
Theme Name: Centreonv2
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.0.20191210
Updated: 2019-12-10 08:10:35

*/

/** Added by FL **/
@font-face {
    font-family: Radikal;
    src: url("/wp-content/themes/Centreonv2/assets/fonts/radikal/radikal-webfont.ttf");
}
/** /Added by FL **/

h1 {
	font-size: 35px;
	font-weight:bold;
}

#main-header {
	box-shadow:none !important;
}

/** /Added by PG **/

.header-avec-img img {
	margin-top:-100px !important;
	max-height:300px;
}
.header-chapo:first-child {
	font-size:35px !important
}
.header-chapo {
	font-size:20px !important;
	font-family:radikal !important;
}

.section-accroche  {
  margin-bottom:0px !important;
  padding-bottom:0px !important;
}

.section-title .et_pb_text_inner {
	line-height:1.2em !important;
	margin-bottom:20px !important;
}

.section-title {
	margin-top:0px !important;
}
#logo {
	max-height:86% !important;
}
.wpml-ls-slot-85.wpml-ls-current-language, .wpml-ls-slot-85.wpml-ls-current-language a, .wpml-ls-slot-85.wpml-ls-current-language a:visited {
	background-color:#E9F3FB !important;
}

.menu-item-50909 a{
	color:#685BC7 !important;
	font-weight:bold !important;
}

.glossary .post-meta {
	display:none !important;
}



/************************************
CSS pour blog
************************************/
#blog-col-img-large {width:38%; margin-right:1%;}
#blog-col-img-small {width:20%; margin-right:1%; height:100%;}


/************************************
CSS pour navigation
************************************/
#et-top-navigation {
	float: left;
	margin-left: 100px;
	padding-left: 12% !important;
}
.et_pb_widget {
	margin:0 0 0 4%;
	width:170px;
}
.widget_text{
	width:200px;
}

/************************************
CSS pour footer
************************************/
#footer-widgets {
	padding-top: 4%;
}
#main-footer .footer-widget h4 {
	border-bottom: #474646 1px solid;
	margin-bottom:20px;
	font-weight:bold;
}
#main-footer .container {
	width:100%;
	margin:0 auto;
	max-width:1600px;
}
.et_pb_gutters3 .footer-widget {
	margin: 0 auto 0 auto;
}
#footer-info {
	text-align: center !important;
	float:inherit !important;
}
.et_pb_gutters3.et_pb_footer_columns1 .footer-widget .fwidget {
	margin-bottom: 40px;
}
#footer-widgets .footer-widget li{
	padding-left:0;
}
#footer-widgets .footer-widget li a:hover{
	color:#474646;
	text-decoration:underline;
}
#footer-widgets .footer-widget li::before {
	border-style: none;
}
#footer-bottom {
	background: #ffffff url("/wp-content/uploads/2017/03/bg-footer.gif") no-repeat left top;
	-webkit-background-size: 100% auto;           /* Safari 3.0 */
	-moz-background-size: 100% auto;           /* Gecko 1.9.2 (Firefox 3.6) */
	-o-background-size: 100% auto;           /* Opera 9.5 */
	background-size: 100% auto;           /* Gecko 2.0 (Firefox 4.0) et autres nav. conformes à CSS3 */
	padding-top:20px;
}


*::-moz-selection {
    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(43, 135, 218, 0.4) !important;
    background-image: none !important;
    background-origin: padding-box !important;
    background-position-x: 0 !important;
    background-position-y: 0 !important;
    background-repeat: repeat !important;
    background-size: auto auto !important;
}

/************************************
CSS pour DIVI
************************************/
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
	width: auto;
	padding:8%;
}
.et_pb_slider .et_pb_container {
	max-width: inherit;
}

.et_pb_gutters3 .et_pb_column_1_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_3_4 .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_1_2 .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_3_4 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_module, .et_section_specialty .et_pb_row .et_pb_column_1_2 .et_pb_gutters3.et_pb_row_inner .et_pb_column_1_4 .et_pb_module {
	margin-bottom: 0;
}

.mega-link > a {
	text-align: center;
}
/************************************
CSS pour menu
************************************/
.sub-menu .mega-titre > a, .sub-menu .mega-titre > a:hover {
	font-size:25px;
	font-weight:400 !important;
	border-bottom:none !important;
}

.sub-menu .mega-hidden > a {
 	font-size:0%;
	cursor:none;
	border-bottom:none !important;
}

.mega-sub-titre > a {
	font-size:20px;
	border-bottom:none !important;
	color:#000 !important;
}

/************************************
CSS pour formulaire
************************************/
.col-6 ,   .col-5,   .col-4  {
	width: 50%;
	color:#111111;
}

.col-12  {
	width: 50%;
	color:#fff;
	padding:0 50px;
}

.col-4  h3 {
	color:#fff;
}


#formulaire input[type="text"],
#formulaire select,
#formulaire textarea {
	width: 98%;
}

#formulaire input[type="email"] {
	width: 98%;
}

.row [class*="col-"] {
	float: left;
	padding-left: 0;
	padding-right: 0;
	position: relative;
}

.row [class*="rgpd1fr"] {
	float: right;
	padding-left: 0;
	padding-right: 2px;
	position: relative;
	padding-top: 5px;
}

.row [class*="rgpd1en"] {
	float: left;
	padding-left: 180px;
	padding-right: 10px;
	position: relative;
	padding-top: 5px;
}

.row [class*="rgpd2fr"] {
	float: left;
	padding-left: 150px;
	padding-right: 0;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.row [class*="rgpd2en"] {
	float: left;
	padding-left: 180px;
	padding-right: 10px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
}

.row [class*="rgpd3fr"] {
	float: left;
	padding-left: 480px;
	padding-right: 2px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 10px;
}

.row [class*="rgpd3en"] {
	float: left;
	padding-left: 483px;
	padding-right: 10px;
	position: relative;
	padding-top: 30px;
}

.row [class*="rgpd4fr"] {
	float: right;
	padding-left: 264px;
	padding-right: 0;
	position: relative;
	padding-top: 20px;
	padding-bottom: 10px;
}

.row [class*="rgpd4en"] {
	float: right;
	padding-left: 396px;
	padding-right: 98px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 5px;
}

#formulaire input[type="email"], #formulaire input[type="text"] {
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-bottom: 13px;
	padding-left: 10px;
	padding-right: 0;
	padding-top: 0;
}

#formulaire input[type="email"], #formulaire input[type="text"], #formulaire select,  #formulaire textarea  {
	color: #000;
	font-size: 18px;
	padding:5px 5px 5px 10px;
	font-family: "Open Sans",sans-serif;
}

#formulaire input[type="email"], #formulaire input[type="text"],  #formulaire .select-container {
	margin-bottom: 15px;
}

#formulaire button,  #formulaire input {
	line-height:normal;
}

#formulaire button, #formulaire html input[type="button"],
#formulaire input[type="reset"], #formulaire input[type="submit"] {
	cursor: pointer;
}

#formulaire .btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-top-style: solid;
    border-top-width: 1px;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1.2em;
    letter-spacing: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 13px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 13px;
    position: relative;
   /* text-transform: uppercase;*/
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
   	z-index: 1;
	color:#fff;
	background:#689801;
	float:right;
	margin-top:20px;
	border: solid white 1px;
}


.form-field > input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input.text, input.title, select {
	height: 30px !important;
	width: 100% !important;
}

textarea {
    height: 150px !important;
    width: auto !important;
}

#formulaire .col-4  .btn, #formulaire .col-12  .btn {
    background:#1aaea2 ;
}

#formulaire .col-6  .btn {
    background:#689801;
}

#formulaire .formation  .btn {
    background:#6cb2f4;
}

#formulaire button, #formulaire select, #formulaire input {
    /*-moz-appearance: none;*/
}

#formulaire .win select {
    color: #243038 !important;
}

#formulaire select {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: currentcolor;
    border-left-style: none;
    border-left-width: medium;
    border-right-color: currentcolor;
    border-right-style: none;
    border-right-width: medium;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: medium;
    font-family: "Open Sans",sans-serif;
    outline-color: currentcolor;
    outline-style: none;
    outline-width: medium;
    color:#a9a9a9;
    font-size:18px;
    background-color: white;
}

#formulaire .select-container {
    display: inline-block;
    /*padding-bottom: 13px;   désactivé pour ajuster le bas des blocs "forum" et "newsletter" dans la home */
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
    margin-top:-23px;
}

#formulaire .col-12 .select-container{
   width: 100%;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    background-color: white;
    border-radius: 10px;
    position: relative;
    border:0;
    top: 6px;
    left: 3px;
    transition:background, border, ease, .2s;
}

input[type="radio"]:checked {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    background-color: #1aaea2;
    border-radius: 10px;
    position: relative;
    border: solid white 2px;
    top: 6px;
    left: 3px;
    transition:background, border, ease, .2s;
}
div.wpcf7-mail-sent-ok {
    float: right;
    background-color: white;
}
/************************************
CSS pour Image recherche
************************************/

.et_pb_image_container img, .et_pb_post a img {
    max-width: 50% !important;
}

.blogcentreon .et_pb_image_container img, .blogcentreon .et_pb_post a img {
    max-width: 100% !important;
}

.blog-thumb {
    width: 100% !important;
}

/************************************
CSS pour formulaire mobile
************************************/
@media screen and (max-width: 1024px) {
  .col-6 ,   .col-5,   .col-4 {
    width: 50%;
   color:#fff;
}

#formulaire input[type="email"],
#formulaire input[type="text"],
#formulaire select,
#formulaire textarea {
width: 100%;
}
	
.row [class*="rgpd1fr"] {
	float: right;
	padding-left: 0;
	padding-right: 224px;
	position: relative;
	padding-top: 20px;
}
	
.row [class*="rgpd1en"] {
	float: left;
	padding-left: 20px;
	padding-right: 0;
	position: relative;
	padding-top: 5px;
}

.row [class*="rgpd2fr"] {
	float: left;
	padding-left: 0;
	padding-right: 72px;
	position: relative;
	padding-top: 20px;
}

.row [class*="rgpd2en"] {
	float: left;
	padding-left: 0;
	padding-right: 192px;
	position: relative;
	padding-top: 20px;
}
	
.row [class*="rgpd3fr"] {
	float: left;
	padding-left: 353px;
	padding-right: 0px;
	position: relative;
	padding-top: 30px;
	padding-bottom: 5px;
}

.row [class*="rgpd3en"] {
	float: left;
	padding-left: 324px;
	padding-right: 0;
	position: relative;
	padding-top: 30px;
}
	
.row [class*="rgpd4fr"] {
	float: right;
	padding-left: 364px;
	padding-right: 0;
	position: relative;
	padding-top: 20px;
	padding-bottom: 5px;
}

.row [class*="rgpd4en"] {
	float: right;
	padding-left: 364px;
	padding-right: 0;
	position: relative;
	padding-top: 20px;
}
}


@media screen and (max-width: 840px) {
  .col-6 ,   .col-5,   .col-4, .col-12 {
    width: 100%;
   color:#fff;
}

#formulaire input[type="email"],
#formulaire input[type="text"],
#formulaire select,
#formulaire textarea {
width: 100%;
}

.row [class*="rgpd1fr"] {
	float: right;
	padding-left: 0;
	padding-right: 76px;
	position: relative;
	padding-top: 20px;
}	
	
.row [class*="rgpd1en"] {
	float: left;
	padding-left: 0;
	padding-right: 84px;
	position: relative;
	padding-top: 20px;
}
	
.row [class*="rgpd2fr"] {
	float: left;
	padding-left: 0;
	padding-right: 6px;
	position: relative;
	padding-top: 20px;
}

.row [class*="rgpd2en"] {
	float: left;
	padding-left: 0;
	padding-right: 44px;
	position: relative;
	padding-top: 20px;
}

.row [class*="rgpd3fr"] {
	float: left;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	padding-top: 30px;
	padding-bottom: 10px;
}

.row [class*="rgpd3en"] {
	float: left;
	padding-left: 0;
	padding-right: 84px;
	position: relative;
	padding-top: 30px;
}

.row [class*="rgpd4fr"] {
	float: left;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	padding-top: 30px;
	padding-bottom: 10px;
}

.row [class*="rgpd4en"] {
	float: left;
	padding-left: 0;
	padding-right: 86px;
	position: relative;
	padding-top: 30px;
}	
}

#faq h5 {
color:#0a71b4;
font-size:18px;
line-height:24px;
}


/* Formulaire Newsletter - Format mobile page article */
@media screen and (max-width: 980px) {
    #formulaire .col-12 .select-container  {
    	width: 100%!important;
    }
	#sidebar .et_pb_widget {
		float:left;
	}
    #sidebar .col-12 {
    	width: 100%!important;
    	margin: 0;
    	background:#1aaea2;
    	padding:10px;
    	margin-left:-20px;
    }
    #sidebar #formulaire input[type="email"],
    #sidebar #formulaire input[type="text"],
    #sidebar #formulaire select,
    #sidebar #formulaire textarea {
    	width:100%;
    }
}

/***************************************
Correctif superposition du texte - formulaire newsletter - Home
Correcteur : Florian
date : 5 Avril 2017
***************************************/

div.et_pb_promo_description {
	margin-top: 30px;
}

/* affichage et position du picto de bloc newsletter dans BLOG */

#text-3 {
	/*padding: 20px;*/
    background: url(http:/wp-content/uploads/2017/04/newsletter-bg.png) no-repeat, #1aaea2;
    background-size: 115px;
    background-position-x: -10px;
    background-position-y: -30px;
}

/* Affichage bloc newsletter dans les articles de blog */

input.wpcf7-form-control.wpcf7-submit.btn.white {
	margin-bottom:20px;
}

/*************************************
Conteneur articles de blog
*************************************/

.post-template-default  .container{
 	width: 100% !important;
	margin: 0 auto 0 auto;
	max-width: 1200px;
}

.post-template-default  .footer-widget{
 	width: 100% !important;
	margin: 0 auto 0 auto;
}

.post-template-default div #main-content .container::before,
#main-content .container::before {
    background-color: transparent !important;
}

/* --------- Conteneur Menu dans article de blog */

/*#menu-blog{
 display:block;
 margin: 0 auto 0 10%;
}*/

.menu-article-class{
 background-color:#0072b6;
height:42px;
}

.menu-article-class .menu{
width: 1200px;
height:42px;
}

.menu-article-class ul {
 padding:10px 0;
 list-style-type:none;
 width: auto;
float: none;
display:block;
 margin:0 auto 0 auto;
 }

.menu-article-class li {
 	margin-left:2px;
 	float:left; /*pour IE*/
	display: inline-block;
 	font-size: 14px;
 	padding-right: 22px;
}

.menu-article-class ul li a {
 	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:7px;
}

/*--------- *******************************
Conteneur Sidebar articles de blog *****************/

#left-area {
    padding-bottom: 23px;
    width: 68%;
}

#left-area .et_post_meta_wrapper h1{
    line-height:37px;
	color:#0072b6;
	font-weight: normal;
}

/* Sidebar dans les articles de blog */
#sidebar {
    float: left;
    width: 25% !important;
}

#container h1 {
    font-size: 35px;
    font-weight: normal;
}
#container h2 {
    line-height:37px;
	color:#0072b6;
}

#container {
width: 75% !important;
margin: 40px auto;
}

#container .article {
margin : 20px 0 30px 0;
}

.et_right_sidebar #sidebar, #sidebar {
margin:0;
padding:0;
}

#sidebar  #formulaire {
width: 100%;
}

#sidebar .col-12 {
	width: 100%;
	margin: 0;
	background:#1aaea2;
	padding:10px;
}

/*#sidebar #formulaire input[type="email"],  */
#sidebar #formulaire input[type="text"],
#sidebar #formulaire select,
#sidebar #formulaire textarea {
width:100%;
}

#sidebar input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
width: 100% !important;
}


#sidebar #formulaire select {
    font-size:15px;
}

 #sidebar div.col.col-12{
        float:none;
 }

#formulaire .col-12 .select-container {
    width: 98%;
}

/* ***********************
Correctif  formulaire-Newsletter version EN
Florian
************************************* */

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {

height: 36px !important;
width: 98% !important;
}

select#country-form.country_to_state {
   height: 37px !important;
   color: #a9a9a9!important;
}

.et_pb_cta_5.et_pb_promo p{

 margin-top:30px;
}

input.wpcf7-form-control.wpcf7-submit.btn.white{

 text-transform: lowercase;
}

/* Correctif  de l'interlignage de texte dans solution -> Centreon
Florian
 */

.et_pb_text > :last-child {
   line-height: 1.5em;
}

/* Correctif  d'un bug d'affichage sur les points-clés  -> Centreon EPP & Centreon MAP
Florian
 */

div.et_pb_column.et_pb_column_1_4.et_pb_column_3,
div.et_pb_column.et_pb_column_1_4.et_pb_column_4,
div.et_pb_column.et_pb_column_1_4.et_pb_column_7,
div.et_pb_column.et_pb_column_1_4.et_pb_column_8,
div.et_pb_column.et_pb_column_1_4.et_pb_column_11 {

    margin-top:5px;
}

div.et_pb_column.et_pb_column_1_4.et_pb_column_12,
div.et_pb_column.et_pb_column_1_4.et_pb_column_15 {

  margin-top:4px;
}

/* Alignement des boutons  -> Page Solution
Florian
 */

a.et_pb_promo_button.et_pb_button.et_pb_custom_button_icon {

margin-top: 8px!important;
}
.btn > input[type='submit'] a {
font-family: arial !important;
color:red;
}

.btn .gray {
font-family: arial !important;
color:red;
}


/********************************
Formulaire Newsletter - Etat "erreur de saisie"
Correctif : Florian
Date :5 Avril 2017
********************************/

div.wpcf7-validation-errors {
	border: none;
	color:white;
	font-weight: bold;
}

/*******************************
Formulaire d'inscription de compte
Auteur : Stephane
Date : 11 avril 2017
********************************/
.form-field > input[type=text], input[type=password], input[type=tel], input[type=email], input.text, input.title, textarea, select {
    padding: 2px !important;
    border: 0px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #d1d2d4 !important;
    height: 60px !important;
    width: 100% !important;
    color: #243038 !important;
}

.btn > input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: "Open Sans", Arial, sans-serif;
    color: #243038;
    border: none;
    background: transparent;
}

div.btn input {
    width: 100%;
    padding: 0;
}
#checkout-step-1.container .section-checkout .btn, #checkout-edit-informations.container .section-checkout .btn {
    min-width: 180px;
    margin-top: 30px;
}

.btn.gray {
    color: #243038;
    border-color: #243038;
    background: transparent;
}


.box .btn {
    min-width: 160px;
    background: #ffffff;
    color: #13ab9f;
    text-align: center;
    font-size: 14px;
}

.btn.full-white {
    background: #ffffff;
    border: none;
}
.btn {
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    border-radius: 30px;
    padding: 13px 25px;
    border: 1px solid #ffffff;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.select2-container {
    display: block !important;
    }



/* *******************
Page partenaire
Auteur: Gaspard
******************* */


.box {
    height: 230px;
    position: relative;
    overflow: hidden;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #ccc;
}


.overbox {
    background-color: rgba(46, 163, 242, 0.78);
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 100;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    opacity: 0;
    width: 230px;
    height: 230px;
    padding: 50px 20px;
}

/* Ne pas activer car cela pose des problème pour les titres dans le footer
** merci de revoir votre regle CSS si cela est pour un autre titre
.title {
    font-size: 2.5em;
    text-transform: uppercase;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.2s;
}
*/

.overtext {
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    transform: translateY(40px);
    -webkit-transform: translateY(40px);
}

.mendo-links-description {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 22px;
    line-height: 18px;
    margin-bottom: 10px;
    font-size: 17px;
}

.mendo-links-title {
    font-size: 25px;
    text-align: center;
    margin-top: -60px !important;
}
.tagline {
    font-size: 0.8em;
    opacity: 0;
    transition-delay: 0.2s;
    transition-duration: 0.2s;
    text-align: center;
}

.mendo-links-read-more {
    color: white;
    font-size: 13px;
    font-weight: bold;
}


/*******************************
Page mon compte
Auteur : Stephane
Date : 14 avril 2017
********************************/
nav.woocommerce-MyAccount-navigation > ul > li.is-active > a {
    color: beige;
}

nav.woocommerce-MyAccount-navigation > ul > li.is-active {
    background-color: lightgrey;
}

nav.woocommerce-MyAccount-navigation > ul > li {
    list-style-type: none;
    display: block;
    border: 1px;
    border-style: solid;
    border-color: grey;
    padding-left: 7px;
    width: 70%;
    margin-bottom: 2px;
    border-bottom-left-radius: 9px;
}

/*************************************
Page login / s'identifier
**************************************/
.bloc {
    border: 1px solid grey;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 28px !important;
    margin-bottom: 30px;
}


/*************************************
Page commande avec formulaire info client
**************************************/
.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 48%;
    float: left;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 100% !important;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    display: none;
    float: right;
    width: 0% !important;
}
h3#order_review_heading {
    float: right;
}
div#order_review {
    float: right !important;
    width: 48% !important;
}


/***********************************
CSS pour plugin pack page
***********************************/
.pluginpack { width: 100%; }

.pluginpack .pp-search { display: flex; justify-content: center; }

.pluginpack .pp-search .pp-search-field { width: 100%; border: 0; line-height: 30px; }

.pluginpack .pp-categories-screen { display: none; margin-top: 20px; flex-wrap: wrap; }

.pluginpack .pp-categories-screen .pp-categories-category { margin: 2px 3px; padding: 8px 20px; border: 1px solid #000; border-radius: 22px; white-space: nowrap; cursor: pointer; font-size: 14px; font-weight: bold; text-transform: uppercase; }

.pluginpack .pp-categories-screen .pp-categories-category:hover { background-color: #159ddf; color: #fff; border-color: #159ddf; }

.pluginpack .pp-categories-screen .pp-categories-category_active { background-color: #117cb0; color: #fff; border-color: #117cb0; cursor: default; }

.pluginpack .pp-categories-screen .pp-categories-category_active:hover { background-color: #117cb0; border-color: #117cb0; }

.pluginpack .pp-categories-handheld .pp-categories-handheld-select { width: 100%; height: 30px; line-height: 30px; }

.pluginpack .pp-pluginpacks { display: flex; flex-direction: row; flex-wrap: wrap; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin { width: 50%; position: relative; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container { background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; display: flex; flex-direction: column; border-bottom: 1px solid #d1d2d4; border-left: 1px solid #d1d2d4; transition: 0.2s ease-in; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-icon { flex-grow: 2; display: flex; justify-content: center; align-items: center; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-icon .pp-pluginpacks-plugin-container-icon-image { width: 50%; height: 50%; background-position: center; background-repeat: no-repeat; background-size: contain; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-name { display: flex; justify-content: center; padding: 0.2rem; font-weight: bold; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-name > span { white-space: nowrap; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more { display: flex; justify-content: center; transition: 0.2s ease-in; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more > button { width: 100%; border-style: none; border-top: 1px solid #d1d2d4; background-color: #fff; color: #9c9ea3; overflow: hidden; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more > button:hover { background-color: #159ddf; color: #fff; }

.pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more > button:active { color: #fff; background-color: #117cb0; }

.pluginpack .pp-description { display: block; width: 100%; position: fixed; top: 0; bottom: 0; right: -768px; transition: 0.2s ease-in; }

.pluginpack .pp-description .pp-description-content { background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 1em; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header { display: flex; flex-direction: row; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-icon { height: 90px; width: 90px; border: 1px solid #d1d2d4; display: flex; justify-content: center; align-items: center; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-icon .pp-description-content-header-icon-image { width: 95%; height: 95%; background-position: center; background-repeat: no-repeat; background-size: contain; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-back { cursor: pointer; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-close { display: none; cursor: pointer; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-info { flex-grow: 2; display: flex; flex-direction: column; padding: 0.3rem; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-info .pp-description-content-header-info-name { font-size: 24px; font-weight: bold; line-height: 24px; }

.pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-info .pp-description-content-header-info-version { font-size: 14px; line-height: 14px; }

.pluginpack .pp-description .pp-description-content .pp-description-content-description { margin: 0.2rem 0.3rem; border-top: 1px solid #d1d2d4; overflow-y: auto; }

.pluginpack .pp-description .pp-description-content .pp-description-content-description ul { list-style: disc inside; }

.pluginpack .pp-loading { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; justify-content: center; align-items: center; }

.pluginpack .pp-loading .pp-loading-content { background: #fff; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); font-size: 30px; padding: 20px; }

@media screen and (min-width: 768px) {
  .pluginpack .pp-search { margin-top: 20px; }
  .pluginpack .pp-search .pp-search-block { position: relative; width: 300px; border: 1px solid #6f6f6f; border-radius: 7px; display: flex; flex-direction: row; }
  .pluginpack .pp-search .pp-search-block .pp-search-field { border: 0; padding: 10px; background: transparent; flex-grow: 2; }
  .pluginpack .pp-search .pp-search-block .pp-search-field:focus, .pluginpack .pp-search .pp-search-block .pp-search-field:active { outline: none; }
  .pluginpack .pp-search .pp-search-block .pp-search-block-icon { color: #6f6f6f; font-size: 20px; padding: 15px 5px; }
  .pluginpack .pp-categories-screen { display: flex; }
  .pluginpack .pp-categories-handheld { display: none; }
  .pluginpack .pp-pluginpacks { margin: 20px 0; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin { width: 20%; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container:hover { border: 1px solid #d1d2d4; top: -0.3rem; bottom: -0.3rem; right: -0.3rem; left: -0.3rem; z-index: 10; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container:hover .pp-pluginpacks-plugin-container-more { height: 32px; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more { height: 0; transition: 0.2s ease-in; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin .pp-pluginpacks-plugin-container .pp-pluginpacks-plugin-container-more > button { margin: 0.2rem 0; width: 90%; border: 1px solid #d1d2d4; border-radius: 4px; }
  .pluginpack .pp-description { display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; flex-direction: row; justify-content: center; align-items: center; z-index: 100; }
  .pluginpack .pp-description .pp-description-content { display: block; width: 500px; height: 430px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); top: auto; bottom: auto; right: auto; left: auto; position: relative; }
  .pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-back { display: none; }
  .pluginpack .pp-description .pp-description-content .pp-description-content-header .pp-description-content-header-close { display: block; } }

@media screen and (min-width: 768px) and (max-width: 992px) { .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:nth-child(5n+0) .pp-pluginpacks-plugin-container, .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:last-child .pp-pluginpacks-plugin-container { border-right: 1px solid #d1d2d4; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:nth-child(-n+5) .pp-pluginpacks-plugin-container { border-top: 1px solid #d1d2d4; } }

@media screen and (min-width: 992px) { .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin { width: 16%; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:nth-child(6n+0) .pp-pluginpacks-plugin-container, .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:last-child .pp-pluginpacks-plugin-container { border-right: 1px solid #d1d2d4; }
  .pluginpack .pp-pluginpacks .pp-pluginpacks-plugin:nth-child(-n+6) .pp-pluginpacks-plugin-container { border-top: 1px solid #d1d2d4; } }
/** End pluginpack */

.btn.white {
    color: #ffffff;
    border-color: #ffffff;
    background: transparent;
}

p:first-child, p.no-gap, h1:first-child, h1.no-gap, h2:first-child, h2.no-gap, h3:first-child, h3.no-gap, h4:first-child, h4.no-gap, h5:first-child, h5.no-gap, h6:first-child, h6.no-gap, ul:first-child, ul.no-gap, ol:first-child, ol.no-gap, img:first-child, img.no-gap, form:first-child, form.no-gap, hr:first-child, hr.no-gap, address:first-child, address.no-gap, .alert:first-child, .alert.no-gap, .table:first-child, .table.no-gap, .btn:first-child, .btn.no-gap, .link:first-child, .link.no-gap {
    margin-top: 0;
}

.btn {
    display: inline-block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    border-radius: 30px;
    padding: 13px 25px;
    border: 1px solid #ffffff;
    margin-top: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


.radikal.bold {
    font-family: "Open Sans", Arial, sans-serif;
}
.btn-arrow {
    font-size: 12px;
    color: #78797c;
    position: relative;
    margin-top: 20px;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}


img.logoimg {
    max-height: 80% !important;
    width: auto;
}

p.open-sans.light.description {
    line-height: 20px;
}
p.open-sans.light.name {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}
p.open-sans.bold.version {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
}

span.gotopage.actual a {
    color: white;
}
span.gotopage.actual {
    font-weight: 800;
    background: grey;
    color: white;
}
span.gotopage {
    border-width: 1px;
    border-style: solid;
    border-radius: 20px;
    margin: 4px;
    padding: 4px;
}

.radikal.bold {
    font-family: "Open Sans", Arial, sans-serif;
}

.btn-arrow {
    font-size: 12px;
    color: #78797c;
    position: relative;
    margin-top: 20px;
    display: inline-block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.btn-arrow .arrow {
    position: absolute;
    left: -33px;
    top: 8px;
    display: block;
    width: 23px;
    height: 2px;
    background: #78797c;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.btn-arrow .arrow:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
}

.btn-arrow .arrow:after, .btn-arrow .arrow:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #78797c;
    right: -1px;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.btn-arrow .arrow:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 3px;
}

.btn-arrow .arrow:after, .btn-arrow .arrow:before {
    content: "";
    display: block;
    width: 10px;
    height: 2px;
    background: #78797c;
    right: -1px;
    position: absolute;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

/*********************************
Modification panier
*********************************/

.cart-collaterals {
    margin-top: -225px !important;
}
.normal-total {
    display: none;
}
tr.recurring-totals {
    display: none;
}
tr.cart-subtotal.recurring-total {
    display: none;
}
tr.tax-rate.recurring-total {
    display: none;
}
.tax-rate small {
    display: none;
}

.product-subtotal {
    display: none;
}
.actions {
    display: none;
}
#order_review tr.cart-subtotal, #order_review tr.order-total.normal-total {
    display: none;
}
a.button.wc-forward {
    display: none;
}
.et_pb_column_1_2 .et_pb_promo, .et_pb_column_1_3 .et_pb_promo, .et_pb_column_1_4 .et_pb_promo {
    padding-left: 40px !important;
    padding-bottom: 0px !important;
}
div.et_pb_column.et_pb_column_1_4.et_pb_column_3 {
    margin-top: 0px !important;
}
div.et_pb_column.et_pb_column_1_4 {
    margin-bottom: 5px !important;
}

.cart_totals {
    padding-top: 120px;
}

#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
    color:#fff !important;
	padding-top: 120px;
}

.woocommerce-message a {
    color: white;
}
.woocommerce-message {
    background-color: #19A59B;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
    padding-left:10px !important;
}

/*********************************
Modification page archive-auteur
*********************************/
h1.author-title {
	font-size:26px !important;
	line-height:1em !important;
	color:#000000 !important;
	font-weight:500 !important;
	padding-bottom:50px !important;
}

/********************************************
Ajout effet img pour page Centreon in the News
*********************************************/
.et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left et_pb_text_2 et_pb_with_border, .zoom div img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.et_pb_text et_pb_module et_pb_bg_layout_light et_pb_text_align_left et_pb_text_2 et_pb_with_border, .zoom div:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

@media (min-width: 768px)
{.et_pb_gutters4 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post, .et_pb_gutters4.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post { height: 550px; }
}

@media (min-width: 1600px)
{.et_pb_gutters4 .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post, .et_pb_gutters4.et_pb_row .et_pb_column_3_4 .et_pb_blog_grid .column.size-1of2 .et_pb_post { height: 595px; }
}

/**********************
Nav bar for landing page
***********************/

#menu-landing-page li a {
	color: rgb(255, 255, 255) !important;
}
.nav-landing-page span.mobile_menu_bar::before {
	color:#ffffff !important;
}

/********************************************
Add rules compare table Home Page
*********************************************/
.compare table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
.compare thead {
    display: table-header-group;
}
.table td,
.table th {
    background-color: #fff !important;
}
.ctn-features-table {
  text-rendering: optimizeLegibility;
  background: transparent;
  width: 100%;
  margin-bottom: 20px;
  font-size: 16px;
/* Responsiveness of the right column */
}
.ctn-features-table strong {
  font-weight: 600;
}
.ctn-features-table .free {
  color:#0071ce; 
  border-top: 6px solid #0071ce;
}
.ctn-features-table .imp {
  color:#00a499; 
  border-top: 6px solid #00a499;
}
.ctn-features-table .ems {
  color:#84bd00; 
  border-top: 6px solid #84bd00;
}
.ctn-features-table .lic-free {
  color:#0071ce; 
}
.ctn-features-table .lic-imp {
  color:#00a499; 
}
.ctn-features-table .lic-ems {
  color:#84bd00; 
}
.ctn-features-table tr {
  margin-top: 1px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  line-height: 50px;
}
.ctn-features-table th,
.ctn-features-table td {
  /*white-space: nowrap;*/
    line-height: 1.7em;	
}
.ctn-features-table th {
  text-align: left;
}
.ctn-features-table td {
  text-align: center;
}
.ctn-features-table .circle {
  vertical-align: middle;
}
.ctn-features-table .circle:before {
  display: inline-block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #0071ce;
}
.ctn-features-table .circle-imp {
  vertical-align: middle;
}
.ctn-features-table .circle-imp:before {
  display: inline-block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #00a499;
}
.ctn-features-table .circle-ems {
  vertical-align: middle;
}
.ctn-features-table .circle-ems:before {
  display: inline-block;
  content: ' ';
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: #84bd00;
}
.ctn-features-table th {
  width: 350px;
}
.ctn-features-table td {
  width: 100px;
  min-width: 100px;
}
.ctn-features-table thead {
  font-size: 24px;
}
.ctn-features-table thead th {
  visibility: hidden !important;
}
.ctn-features-table thead td {
  font-weight: 600;
  color: #2bb2ad;
  border-left: 1px #E6E6E6 solid;
  border-top: 1px #E6E6E6 solid;
  border-right: 1px #E6E6E6 solid;
/* Minimal padding to make sure it never becomes ugly when shrinking */
  padding: 0 4px;
}
.ctn-features-table tbody td,
.ctn-features-table tbody th {
  border: 1px #D9D9D9 solid;
  color: #0f0f0f;
}
.ctn-features-table tbody th {
  padding: 0 10px;
  font-weight: 400;
}
.ctn-features-table tbody td {
  font-size: 16px;
  font-weight: 400;
/* Minimal padding to make sure it never becomes ugly when shrinking */
 /* padding: 0 3px;*/
}
.ctn-features-table tbody tr.license {
  background-color: #fff;
}
.ctn-features-table tbody tr.license th {
  font-size: 16px;
  text-align: left;
  color: #0f0f0f;
}
.ctn-features-table tbody a {
  color: #2bb2ad;
}
@media (min-width: 768px) and (max-width: 992px) {
  .ctn-features-table {
    font-size: 14px;
  }
  .ctn-features-table th {
    width: 280px;
    white-space: pre-wrap;
  }
  .ctn-features-table td {
    width: 50px;
  }
}
@media (min-width: 320px) and (max-width: 768px) {
  .entry-content tr td, body.et-pb-preview #main-content .container tr td {
  	padding: 4px 6px;
  }
  .ctn-features-table tbody td {
	font-size: 9px;
  }
  .ctn-features-table tbody tr.license th {
  	font-size: 9px;
  }
  .ctn-features-table {
    font-size: 9px;
  }
  .ctn-features-table thead {
    font-size: 10px;
  }
  .ctn-features-table tr {
    line-height: 28px;
  }
  .ctn-features-table th {
    white-space: pre-wrap;
    width: 150px;
  }
  .ctn-features-table td {
    width: 15px;
    min-width: 5px;
    white-space: initial;
  }
  .ctn-features-table .circle:before, 
  .ctn-features-table .circle-imp:before,
  .ctn-features-table .circle-ems:before {
  	width: 8px;
  	height: 8px;
  }
}

/**********************
Modernize Nav Bar
**********************/

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
	content: none;
}

#et-secondary-nav .dashicons, .dashicons-before:before {
	line-height: 0.5;
}

#top-menu .dashicons, .dashicons-before:before {
	line-height: 0.8;
	margin-right: 3px;
}

/**********************
CTA Nav bar 
***********************/

/* CSS variables to match preferences */
:root {
  --button-background-1: #0072CE;
  --button-background-2: #84BD00;
  --button-color: #fff;
  --button-hover-background-1: #009FDF;
  --button-hover-background-2: #43B02A;
  --button-hover-color: #fff;
  --button-border: 0;
  --button-hover-border: 0;
  --button-border-radius: 10px;
  --button-padding: 0.5em 1.75em;
  --button-font-size: 14px;
  --button-font-family: "Open Sans",Helvetica,Arial,Lucida,sans-serif;
  --button-font-weight: 600;
}

/* Demo Button EN*/
.demo-button {
  position: absolute;
  top: 24px;
  right: 165px;
  padding: var(--button-padding);
  background-color: var(--button-background-1);
  border: var(--button-border);
  border-radius:var(--button-border-radius);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.demo-button a {
  color: var(--button-color) !important;
}
.demo-button:hover {
  background: var(--button-hover-background-1);
  border: var(--button-hover-border);
}
.demo-button:hover a{
  color: var(--button-hover-color) !important;
}

/* Demo Button FR*/
.demo-button-fr {
  position: absolute;
  top: 24px;
  right: 170px;
  padding: var(--button-padding);
  background-color: var(--button-background-1);
  border: var(--button-border);
  border-radius:var(--button-border-radius);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.demo-button-fr a {
  color: var(--button-color) !important;
}
.demo-button-fr:hover {
  background: var(--button-hover-background-1);
  border: var(--button-hover-border);
}
.demo-button-fr:hover a{
  color: var(--button-hover-color) !important;
}

/* Trial Button EN */
.trial-button {
  position: absolute;
  top: 24px;
  right: 12px;
  padding: var(--button-padding);
  background-color: var(--button-background-2);
  border: var(--button-border);
  border-radius:var(--button-border-radius);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.trial-button a {
  color: var(--button-color) !important;
  margin: 0.9em 0;
}
.trial-button:hover {
  background: var(--button-hover-background-2);
  border: var(--button-hover-border);
}
.trial-button:hover a{
  color: var(--button-hover-color) !important;
}

/* Trial Button FR */
.trial-button-fr {
  position: absolute;
  top: 24px;
  right: 12px;
  padding: var(--button-padding);
  background-color: var(--button-background-2);
  border: var(--button-border);
  border-radius:var(--button-border-radius);
  font-size: var(--button-font-size);
  font-family: var(--button-font-family);
  font-weight: var(--button-font-weight);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.trial-button-fr a {
  color: var(--button-color) !important;
  margin: 0.51em;
}
.trial-button-fr:hover {
  background: var(--button-hover-background-2);
  border: var(--button-hover-border);
}
.trial-button-fr:hover a{
  color: var(--button-hover-color) !important;
}

.container.et_search_form_container.et_pb_search_visible {
	width: 50%!important;
	max-width: 50%!important;
	background-color: #fefefec4;
	height: 60px!important;
	margin-top: 80px;
}

.et-search-form input {
	width: 70%;
}
@media all and (max-width: 1280px)	{
	#logo {
		max-height: 70% !important;
	}
	#et-top-navigation {
		padding-left: 16% !important;
	}

	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding-bottom: 35px!important;
	}
	.container.et_search_form_container.et_pb_search_visible {
	width: 50%!important;
	max-width: 50%!important;
	background-color: #fefefec4;
	height: 60px!important;
	margin-top: 115px;
	}
	.demo-button {
		top: 70px;
		right: 480px;
	}
	.trial-button {
		top: 70px;
		right: 330px;
	}
	.demo-button-fr {
		top: 70px;
		right: 490px;
	}
	.trial-button-fr {
		top: 70px;
		right: 330px;
	}
}

@media all and (max-width: 1200px)	{
	.demo-button {
		top: 70px;
		right: 400px;
	}
	.trial-button {
		top: 70px;
		right: 250px;
	}
	.demo-button-fr {
		top: 70px;
		right: 460px;
	}
	.trial-button-fr {
		top: 70px;
		right: 300px;
	}
}

@media all and (max-width: 1100px)	{
	.demo-button {
		top: 70px;
		right: 305px;
	}
	.trial-button {
		top: 70px;
		right: 150px;
	}
	.demo-button-fr {
		top: 70px;
		right: 370px;
	}
	.trial-button-fr {
		top: 70px;
		right: 210px;
	}
}

@media all and (max-width: 1050px)	{
	.demo-button {
		top: 70px;
		right: 240px;
	}
	.trial-button {
		top: 70px;
		right: 90px;
	}
	.demo-button-fr {
		top: 70px;
		right: 320px;
	}
	.trial-button-fr {
		top: 70px;
		right: 160px;
	}
}

@media all and (max-width: 980px) {
	#logo {
		max-height: 100% !important;
	}
	#et-top-navigation {
		padding-left: 30% !important;
	}

	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding-bottom: 0px!important;
	}
	.container.et_search_form_container.et_pb_search_visible {
	        width: 35%!important;
	        max-width: 50%!important;
	        background-color: #fefefec4;
	        margin-top: 75px;
	}
	.et-search-form input {
	        width: 100%;
	}
  	.demo-button {
		top: 23px;
		right: 90px;
	}
	.trial-button {
		top: 23px;
		right: -60px;
	}
	.demo-button-fr {
		top: 23px;
		right: 90px;
	}
	.trial-button-fr {
		top: 23px;
		right: -70px;
	}
}

@media (min-width: 640px) and (max-width: 768px) {
	#et-top-navigation {
		padding-left: 12%;
	}

	.container.et_search_form_container.et_pb_search_visible {
    width: 50%!important;
    max-width: 50%!important;
    background-color: #fefefec4;
    height: 60px!important;
    margin-top: 75px;
   }
  .demo-button {
    top: 23px;
    width: 96px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    right: 45px;
   }
  .trial-button {
    top: 23px;
    width: 96px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    text-align: center;
   }
  .demo-button-fr {
    top: 23px;
    width: 106px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 28px;
    padding: 8px;
    right: 45px;
   }
  .trial-button-fr {
    top: 23px;
    width: 106px;
    height: 40px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    text-align: center;
  }
}

@media (min-width: 320px) and (max-width: 640px) {
	#et-top-navigation {
		padding-left: 16% !important;
	}
  .container.et_search_form_container.et_pb_search_visible {
    margin-top: 80px;
    height: 60px!important;
    background-color: #fefefec4;
  }
  span.logo_helper {
    margin-left: -30px;
  }
  .demo-button {
    top: 6px;
    width: 96px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    right: -30px;
    padding-top: 4px;
  }
  .trial-button {
    top: 42px;
    width: 96px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    text-align: center;
    right: -30px;
    padding-top: 4px;
  }
  .demo-button-fr {
    top: 6px;
    width: 100px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    right: -30px;
    padding-top: 4px;
  }
  .trial-button-fr {
    top: 42px;
    width: 100px;
    height: 30px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 8px;
    padding: 8px;
    text-align: center;
    right: -30px;
    padding-top: 4px;
  }
}

/**********************
Sticky Social Bar
**********************/

.icon-bar {
  position: fixed;
  z-index: 9999;
  top: 30%;
  right: 1px;
}
.icon-bar a {
  display: block;
  text-align: center;
  padding: 7px 9px 7px 9px;
  transition: all 0.3s ease;
  color: white;
  font-size: 18px;
  margin: 3px 5px;
  border-radius: 6px;
}
.icon-bar a:hover {
  background-color: #fff;
}
.twitter {
  background: #5b6770;
  color: white;
}
#twitter-icon a:hover {
  color: #1da1f2;
}
.linkedin {
  background: #5b6770;
  color: white;
}
#linkedin-icon a:hover {
  color: #0073b1;
}
.slack {
  background: #5b6770;
  color: white;
}
#slack-icon a:hover {
  color: #000000;
}
.github {
  background: #5b6770;
  color: white;
}
#github-icon a:hover {
  color: #000000;
}
.youtube {
  background: #5b6770;
  color: white;
}
#youtube-icon a:hover {
  color: #db4437;
}
.facebook {
  background: #5b6770;
  color: white;
}
#facebook-icon a:hover {
  color: #4267b2;
}
@media (min-width: 320px) and (max-width: 768px) {
  .icon-bar {
    display: none;
  }
}


/****************/
/** FL SECTION **/
/****************/
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
	.header-big_title {
		font: bolder 50px/50px Radikal !important;
	}
	.bloc-text-image {
		padding: 0 20px;
	}
	.cen-slider-left-container {
		display: none;
	}
	.cen-slider-right-container.et_pb_column_1_2 {
		width: 100% !important;
	}
	.cen-slider-right-container.et_pb_column_1_3 {
		width: 75% !important;
	}
	.cen-slider-center-container {
		width: 25% !important;
	}
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}

.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:80vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

a.wpg-linkify {
	color: inherit;
	font-weight: 900;
/*	text-decoration: underline;
	text-decoration-style: dotted; */
}

.cen-blue {
	color: #0072CE !important;
}

.cen-green {
	color: #84BD00 !important;
}

.cen-green-darker {
	color: #00A499 !important;
}

.cen-purple {
	color: #685BC7 !important;
}

.cen-purple-reverse {
	background-color: #685BC7 !important;
	color: #fff !important;
}

.cen-purple-light {
	color: #685BC717 !important;
}

.cen-light {
	color: #A7A7A7 !important;
}

.cen-dark {
	color: #333E59 !important;
}

i.fa-check {
	padding-right: 10px;
}

.header-big_title {
	color: #333E59;
	font: bolder 90px/90px Radikal;
	letter-spacing: -2.78px;
}

.header-chapo {
	font: Bold 30px/25px Open Sans;
	letter-spacing: -0.83px;
	color: #333E59;
}

.section-accroche {
	text-align: left;
	font: Bold 22px/25px Radikal !important;
	letter-spacing: -0.61px !important;
	color: #A7A7A7 !important;
	text-transform: uppercase !important;
}

h2.section-title,
.section-title {
	text-align: left;
	font: Bold 50px/50px Radikal !important;
	letter-spacing: -1.39px !important;
	text-transform: none !important;
}

h2.section-title {
	color: #666 !important;
}

.section-baseline {
	text-align: left !important;
	font: normal 18px/25px Open Sans !important;
	letter-spacing: -0.5px !important;
	color: #333E59;
}

.check-title {
	font-size: 20px;
	text-align: left;
	text-transform: uppercase;
}

.check-description {
	font-size: 17px;
	font-weight: normal;
	padding-left: 36px;
	text-align: left;
}

.trial-step_number {
	font: Bold 30px/25px Radikal;
	letter-spacing: -0.83px;
	color: #707070;
}

.trial-step_number.number:hover {
	color: #0072CE;
	transition-duration: 1s;
}

.item-title {
	font: Bold 30px/25px Radikal;
	letter-spacing: -0.83px;
	color: #333E59;
}

.item-title_small {
	font: Bold 25px/20px Radikal;
	letter-spacing: -0.83px;
	color: #333E59;
}

.item-description {
	text-align: left;
	font: normal 18px/25px Open Sans;
	letter-spacing: -0.5px;
	color: #525F81;
}

.trial-step_number.selected {
	color: #0072CE;
}

.et_pb_text ul.cen-checked-blue li,
.et_pb_text ul.cen-checked-green li {
	list-style-type: none;
	margin-bottom: 20px;
}

.et_pb_text ul.cen-checked-blue li::before,
.et_pb_text ul.cen-checked-green li::before {
	font-family: 'ETmodules';
	content: "\52";
	font-size: 100%;
	float: left;
	margin-left: -1em;
	margin-right: 0.5em;
}

.et_pb_text ul.cen-checked-blue li::before {
	color: #0072CE;
}

.et_pb_text ul.cen-checked-green li::before {
	color: #84BD00;
}

.cen-blue-reverse {
  background-color: #0072CE !important;
  color: #fff !important;
}

.cen-green-reverse {
  background-color: #84BD00 !important;
  color: #fff !important;
}

table#editions {
	font-family: "Open Sans"
}

table#editions,
table#editions thead {
  border: none;
  border-collapse: collapse;
}

table#editions thead th {
	font-family: Radikal;
}

table#editions th {
  width: 15%;
}

table#editions th.separator {
  width: 5px;
}

table#editions th, td {
  padding: 5px 0;
}

table#editions tbody th,
table#editions td.sub-feature {
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
}

table#editions tr.main-feature {
  background-color: #F2F2F2;
  font-weight: bold;
}

table#editions th,
table#editions td {
  font-size: 18px;
  text-align: center;
}

table#editions td.sub-feature {
  text-align: left;
}

table#editions td a.cen-cta {
  text-decoration: none;
  color: #fff !important;
	border-radius: 8px;
}

table#milestones {
  border: none;
  border-collapse: collapse;
}

table#milestones td.milestone {
  font-weight: bold;
  width: 10%;
}

table#milestones th,
table#milestones td {
  padding: 20px 0 !important;
}

table#milestones tr.odd {
  background-color: #F2F2F2;
}

table#milestones th,
table#milestones td {
	font-size: 18px;
	text-align: left;
}

table#milestones td.milestone {
  color: #0072CE;
  text-align: center;
  font-size: 30px;
}

.wpg-list-wrapper {
	font-family: Radikal;
}

.cs_pne-item_title {
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	text-align: right;
	font-family: Radikal;
	padding-top: 100px!important;
	padding-right: 2em!important;
}


.cs_pne-event_title {
	padding-top: 0px !important;
	padding-right: 0 !important;
	padding-bottom: 10px !important;
}

.cs_pne-event {
	background-color: #F8F8F8;
	padding: 10px 20px 30px;
}

.cs_pne-event a {
	font-weight: 800;
	font-size: 25px;
	color: #333E59 !important;
	font-family: Radikal;
}

.cs_pne-event_content {
	font-weight: 600;
	margin-top: 0.6em!important;
	font-family: Radikal
}

.menu-item-52035 a {
	color: #685BC7 !important;
	font-weight: bold !important;
}

.cen-post-event {
	font-size: 1.5em;
	margin-top: 1em;
	color: #0072b6;
}


/** Slider **/
.cen-slider-type {
	font-weight: 700;
	font-size: 36px;
	height: 100%;
	padding-top: 100px!important;
	padding-right: 2em!important;
	margin-top: auto!important;
	color: #fff;
	text-align: right;
	font-family: Radikal;
	text-shadow: 2px 2px 4px #000000;
}

.cen-slider-day {
	font-weight: 700;
	font-size: 50px;
	line-height: 1.4em;
	color: #333E59 !important;
}

.cen-slider-month {
	font-weight: 600;
	font-size: 30px;
	line-height: 1.4em;
	color: #333E59 !important;
}

.cen-slider-year {
	font-weight: 600;
	font-size: 20px;
	line-height: 1.5em;
	color: #333E59 !important;
}

.cen-slider-title {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 25px;
	margin-top: 0.6em!important;
	font-family: Radikal;
}

.cen-slider-place {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 0.6em!important;
	font-family: Radikal;
}

.cen-slider-content {
	font-weight: 600;
	margin-top: 0.6em!important;
	font-family: Radikal;
}

.cen-slider-read_more a {
	font-size: 12px;
	margin-top: 0.6em!important;
	font-family: Radikal;
	color: #685BC7 !important;
}

/** Evite d'avoir le switch de langue 2x **/
.wpml-ls-display {
    display: none !important;
}

/*-----------------------------------------------*/
/*-----Scrolling Image Carousel by Bootstrap-----*/
/*-----------------------------------------------*/
.carousel {
  position: relative;
}

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
	display: flex;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  -webkit-transform: none;
  transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  box-sizing: content-box;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}

.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}
/*-----------------------------------------------*/
/*---End Scrolling Image Carousel by Divi Soup---*/
/*-----------------------------------------------*/

/*Equalize Blog Columns*/

.bloggrid .et_pb_salvattore_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bloggrid article {
        margin-bottom: 20px !important;
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.bloggrid h2 {
	font-weight: 700;
}

.bloggrid .post-content {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: flex-end;
	font-size: 18px;
	font-variant: small-caps;
	font-weight: 600;
}

.bloggrid .column {
        margin-bottom: 20px !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.ovf_ova_dvd:hover {
	box-shadow: inset 0px 2px 12px rgba(0,0,0,0.3);
}

h3.open-source {
	display: flex;
	align-items: flex-start;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	font-family: Radikal !important;
	color: #685BC7 !important;
}

h3.home_page {
	display: flex;
	align-items: flex-start;
	font-size: 30px;
	line-height: 30px;
	font-weight: 700;
	font-family: Radikal !important;
	color: #525F81 !important;
}	

/** FL SECTION - END **/