@charset "utf-8";
/* @import url("/fonts.css"); */

/* atos fonts (https://atos.net/fonts.css") */

/**********************************************
 *       ___  ___   _  _  _____  ___          *
 *      | __|/ _ \ | \| ||_   _|/ __|         *
 *      | _|| (_) ||  ` |  | |  \__ \         *
 *      |_|  \___/ |_|\_|  |_|  |___/         *
 *                                            *
 * include required Fonts & their properties. *	
 **********************************************/

/* 303 KB coming from atos.net... not in the woff format
@font-face{
	font-display:block;
	font-family:'Raleway';
	src:url(/wp-content/themes/evidian/css/Raleway/Raleway-VariableFont_wght.ttf);
	font-style:normal;
	font-weight:400
}
*/

/* raleway-regular - latin */
/*
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/evidian/css/raleway-v28-latin/raleway-v28-latin-regular.woff2') format('woff2'), 
       url('/wp-content/themes/evidian/css/raleway-v28-latin/raleway-v28-latin-regular.woff') format('woff'); 
}
*/

/*
@font-face {
    font-family: 'Stag Sans Light';
    src: url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Light-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Light-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 200;
}
*/

/*
@font-face {
    font-family: 'Stag Sans Light Italic';
    src: url("/wp-content/themes/evidian/css/atos-fonts/StagSans-LightItalic-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/StagSans-LightItalic-Cy-Web.woff") format("woff");
    font-style: italic;
    font-weight: 200;
}

@font-face {
    font-family: 'Stag Sans Book';
    src: url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Book-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Book-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Stag Sans Medium';
    src: url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Medium-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Medium-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Stag Sans Semibold';
    src: url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Semibold-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/StagSans-Semibold-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: 'Stag Light';
    src: url("/wp-content/themes/evidian/css/atos-fonts/Stag-Light-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/Stag-Light-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 200;
}

@font-face {
    font-family: 'Stag Medium';
    src: url("/wp-content/themes/evidian/css/atos-fonts/Stag-Medium-Cy-Web.eot");
    src: local("?"), url("/wp-content/themes/evidian/css/atos-fonts/Stag-Medium-Cy-Web.woff") format("woff");
    font-style: normal;
    font-weight: 400;
}
*/

/* end atos fonts */

/* begin Eviden fonts */
/* value before 20/01/2026
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/Montserrat-VariableFont_wght.woff2") format('woff2');
    font-style: normal;
    font-weight: 400;
}
*/
/* value after 20/01/2026 for Pagespeed Insights LCP/FCP */
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/subset-Montserrat-Regular.woff2") format('woff2');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

/* doesn't work
@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/subset-Montserrat-Thin.woff2") format('woff2');
    font-style: normal;
    font-weight: 400;
}
*/

/*
@font-face {
    font-family: 'Montserrat Medium';
    src: url("../fonts/Montserrat-VariableFont_wght.woff2");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: 'Montserrat Semibold';
    src: url("../fonts/Montserrat-VariableFont_wght.woff2");
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url("../fonts/Montserrat-VariableFont_wght.woff2");
    font-style: normal;
    font-weight: 700;
}
*/
/* end Eviden fonts */

/* Targeted styling for FAQ questions */
.question {
    font-weight: bold;
}
	
.table-container-mobile {
  overflow-x: auto; /* Permet le défilement horizontal */
}

.table-container-mobile table {
  min-width: 600px; /* Force une largeur minimale pour empêcher le tassement */
  width: 100%;     /* S'adapte si l'écran est plus large que 600px */
}

.faq h2 {
	color: #333;
	border-bottom: 3px solid #0056b3;
	padding-bottom: 10px;
	margin-bottom: 30px;
}
.faq-category h3 {
	color: #0056b3;
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin: 40px 0 20px 0;
	background: #eef4fb;
	padding: 8px 15px;
	border-radius: 4px;
}
.faq-item {
	background: #ffffff;
	border: 1px solid #e0e0e0;
	border-left: 6px solid #0056b3;
	padding: 25px;
	margin-bottom: 20px;
	border-radius: 4px;
	transition: transform 0.2s ease;
}
.faq-item:hover {
	box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.faq-item p.question h3.question {
	display: block;
	font-size: 1.2em;
	color: #222;
	margin-bottom: 15px;
	line-height: 1.3;
}
.faq-item p.answer {
	color: #444;
	line-height: 1.7;
	margin: 0;
}

/* AI Engine - change color forced by default */
.mwai-text h3 { color:white!important; }
.mwai-chatgpt-theme .hljs { color:black!important; }

/* Menu - special format for subitems */
.my-subitem-1, .my-subitem-1 a {
	font-size:11px!important;
	padding-top:0px!important;
	padding-bottom:6px!important;
	margin-top:0px!important;
	margin-bottom:0px!important;
}

/* bug height on SiteOrigin Hero (sometimes not fully displayed): use this class in Attributes of the Hero widget */
/*
.siteorigin-hero-height-300px li.sow-slider-image {
	height:300px!important;
}
@media only screen and (max-width: 700px) {
.siteorigin-hero-height-300px li.sow-slider-image {
	height:500px!important;
}
}
*/

.menu-container {background-color: white!important;} /* for WAM demo which forces a black background */
.mega-menu-wrap {background-color: white!important;} /* for WAM demo which forces a black background */

.mega-menu-wrap {clear: none!important;} /* to be able to put the Eviden logo on the same line as the menu */
.mega-menu-wrap {z-index: 1000;} /* to put the menu over the carrousel */


.sow-headline {color: #002d3c!important;} /* color siteorigin headline = deep blue */

.panel-row-style {background-color:#ececed!important;} /* background color siteorigin lines = light grey */

.so-panel .so-widget-sow-button .ow-button-base a, .so-panel .so-widget-sow-button .ow-button-hover .ow-button-base a:hover {color: white!important;} /* text color of siteorigin buttons = white */

.decoration-inside {border-top:1px solid black!important;} /* underline for siteorigin headline */

/* button color = new blue */
.ow-button-base a {
	background:#006878!important; 
	border-color: #006878!important;
}

.ow-button-base a:hover {
    background-color: #002D3C!important;
    color: #ffffff!important;
	font-weight: bold!important; 
	text-decoration:none!important;
}

/* accordion color = new blue */
.sow-accordion-panel .sow-accordion-panel-header {
  background-color: #006878!important;
  color: white!important;
  border-color: #006878!important;
  border-width: 1px 1px 1px 1px!important;
  border-style: solid!important;
}

.sow-accordion-panel-header:hover {
    background-color: #002D3C!important;
    color: #ffffff!important;
	font-weight: bold!important; 
  border-color: #006878!important;
  border-width: 1px 1px 1px 1px!important;
  border-style: solid!important;
}

.sow-accordion-panel-border {
  border-color: #006878!important;
  border-width: 1px 1px 1px 1px!important;
  border-style: solid!important;
}

/* big hero slider color = white */
.sow-slider-pagination li a {
    background: white;
}
.sow-slide-nav a {
    color: white;
}

/* submenu color for flags = orange 
.mega-sub-menu ul {
	background: #ff6d43!important;
}
*/

/* Stag fonts => larger font size for tabs */
.ui-widget {
/*	font-size: 0.8125rem; 13 px */
	font-size: 0.875rem; /* 14 px */
}
.ui-helper-reset {
/*	font-size: 0.8125rem ! important; 13 px */
	font-size: 0.875rem ! important; /* 14 px */
}


/* evidian style */
html {
	word-wrap: break-word;
	  -webkit-hyphens: auto;
	  -moz-hyphens: auto;
	  -ms-hyphens: auto;
	  -o-hyphens: auto;
	  hyphens: auto;
/*    background-color: black; */
}
/*    color: #343430; */

/* anchor -XXpx because menu is now sticky
  ----------------------------------*/
/* inline-block required for webkit browsers */
/*
a[name] {
  padding-top: 90px;
  margin-top: -90px;
  display: display: inline-block; 
}
*/

/* ui theme : remove orange border on focus
  ----------------------------------*/
li a
{
outline-color: transparent;
}

.ui-widget-content a {
    color: #ffffff;
}

#access .current-page-ancestor a{
color: #d90000;
background-color:#ffffff;
}

/* special class to mask objets until they are colored ; this class is removed when the page is loaded */
.skhidden {display:none;}  /* mask the content : hidden works better than visibility */
.skvisibility {visibility: hidden;} /* mask the content and keep the layout */
.evdhidden {display:none;}

/*
@media only screen and (max-width: 700px) {
html {
	font-size: 14px;
}
}
*/
.panel-widget-style {
	border: none!important;
}
.sow-accordion-panel-header:focus {
		outline: none!important;
}
	
body {
    /* font-family: "Raleway", "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif; */
	font-family: 'Montserrat', sans-serif;
	font-size: 16px; /* root font size (rem) : all other font-size are a % of this root font size (rem) */
	line-height: 1.5;
	margin: auto;
	/* background-color: rgba(236, 236, 237, 0.5); */
	color: black;
}

/*
u, b, i, em {
	padding: 0;
	border: 0 none;
	font-weight: inherit;
	font-style: inherit;
} 
*/

a, abbr, acronym, address, applet, article, aside, audio, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, ins, kbd, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, tdvideo, tt, ul, var, keygen, button {
	padding: 0;
	border: 0 none;
/*	font-weight: inherit; */
/*	font-style: inherit; */
	text-decoration: none;
}
h1 {
	color: white;
	font-size: 1.875rem; /* 30px */
/*	font-weight:bold; */
	margin-bottom: 14px;
	margin-top: 20px;
	line-height: 1.2;
/*	font-family: 'Montserrat Medium'; */
	font-weight: 700;
}
h1 a, h1 a:visited, h1 a:hover {
	color: currentColor;
	text-decoration: none;
}
h2 {
	color: currentColor;
/*	font-size: 1.250rem;  20px */
	font-size: 1.438rem; /* 23px */
/*	font-weight:bold; */
	margin-bottom: 14px;
	margin-top: 20px;
/*	font-family: 'Montserrat Semibold'; */
	font-weight: 600;
}
h2 a, h2 a:visited, h2 a:hover {
	color: currentColor;
	text-decoration: none;
}
h3 {
	color: #002d3c!important;
/*	font-size: 1rem; 16px */
/*	font-size: 1.063rem; 17px */
	font-size: 1.125rem; /* 18 px */ 
/*	font-weight:bold; */
	margin-bottom: 14px;
	margin-top: 20px;
	/* margin-top: 5px; */
/*	font-family: 'Montserrat Semibold'; */
	font-weight: 600;
}
h3 a, h3 a:visited, h3 a:hover {
	color: currentColor;
	text-decoration: none;
}
h4 {
	color: currentColor;
	font-size: 1rem; /* 16px */
/*	font-weight:bold; */
	margin-bottom: 14px;
	margin-top: 20px;
	/* margin-top: 5px; */
/*	font-family: 'Montserrat Semibold'; */
	font-weight: 600;
}
h4 a, h4 a:visited, h4 a:hover {
	color: currentColor;
	text-decoration: none;
}
h5 a, h5 a:visited, h5 a:hover {
	color: currentColor;
	text-decoration: none;
}
h6 a, h6 a:visited, h6 a:hover {
	color: currentColor;
	text-decoration: none;
}
a { 
    color: currentColor;
	text-decoration: underline; 
}
a:visited { 
 	color:currentColor;
	text-decoration: underline;
}
a:hover {   
 	color:currentColor; 
	font-weight: bolder;
	text-decoration:underline;
}
a[name], a[name]:visited, a[name]:hover {
	color: currentColor;
	text-decoration: none;
}

.mega-menu-logo {
	padding-right:30px;
}
.blue_a a { 
    color: #002d3c;
	text-decoration: none; 
}
.blue_a a:visited { 
 	color:#002d3c;
	text-decoration: none;
}
.blue_a a:hover {   
 	color:#002d3c;
	font-weight: bold;
	text-decoration:underline;
}
.blue-a-bold a { 
    color: #002d3c;
	font-weight: bold;
	text-decoration: none; 
}
.blue-a-bold a:visited { 
 	color:#002d3c;
	font-weight: bold;
	text-decoration: none;
}
.blue-a-bold a:hover {   
 	color:#002d3c;
	font-weight: bold;
	text-decoration:underline;
}

p, ol, ul, td {
	color: currentColor;
/*	font-size: 0.875rem; 14px */
	font-size: 1rem; /* 16px */
	margin-bottom: 10px;
}

ol, ul {
	padding-left:15px;
}
.spaced-list li {
    margin-bottom: 10px; 
}
p strong, li strong, td strong {
	font-weight: bold;
}
p em , li em, td em {
	font-style: italic;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none ! important;
}
#tabs_ui{
    margin-top: 20px;
}

button , input {
	font-family: inherit;
}

figcaption {
    font-weight: bold;
	margin-top: 10px;
}

.clear {
	clear: both;
}
.clr {
	clear: both;
	height: 1px;
}
/*RESET SUPP*/
img, a img, :link img, :visited img {
	border: 0;
	max-width: 100%;
	height: auto;
}

ul.like {
	margin-left:10px;
	text-align: left;
}

ul.like li{
	padding: 10px;
	list-style-image: url(/wp-content/uploads/2022/07/like.png);
}

/*table, table tbody, table tbody, table tfoot, table thead, table th, table tr, table td,*/
table.border, table.border tbody, table.border tfoot, table.border thead, table.border th, table.border tr, table.border td {
    padding:10px 10px 10px 10px; /* top right bottom left */
	vertical-align:top;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #002d3c;
}

table.border caption {
    padding:10px 10px 10px 10px; /* top right bottom left */
	font-weight: bold;
}


table.blue-border, table.blue-border tbody, table.blue-border tfoot, table.blue-border thead, table.blue-border th, table.blue-border tr, table.blue-border td {
	border: 1px solid #002d3c;
}

table.vertical-middle, table.vertical-middle tbody, table.vertical-middle tfoot, table.vertical-middle thead, table.vertical-middle th, table.vertical-middle tr, table.vertical-middle td {
	vertical-align:middle!important;
}

table.horizontal-center, table.horizontal-center tbody, table.horizontal-center tfoot, table.horizontal-center thead, table.horizontal-center th, table.horizontal-center tr, table.horizontal-center td {
	text-align:center;
}

table.noborder, table.noborder tbody, table.noborder tbody, table.noborder tfoot, table.noborder thead, table.noborder th, table.noborder tr, table.noborder td {
    padding:10px 10px 10px 10px; /* top right bottom left */
	vertical-align:top;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}

table.specialborder {
    /* padding:10px 10px 10px 10px; */ /* top right bottom left */
	vertical-align:top;
}

table.specialborder tbody, table.specialborder tfoot, table.specialborder thead, table.specialborder th, table.specialborder tr, table.specialborder td {
	vertical-align:top;
	border: 1px solid #002d3c;
}

table.table-modules tbody, table.table-modules tfoot, table.table-modules thead, table.table-modules th, table.table-modules tr, table.table-modules td {
	vertical-align:middle;
	text-align:center;
	border: 1px solid #002d3c;
}
table.table-modules {
	width:100%;
}
table.table-modules td {
    padding:6px 6px 6px 6px; /* top right bottom left */
}

table.white-background tbody, table.white-background tfoot, table.white-background thead, table.white-background th, table.white-background tr, table.white-background td {
	vertical-align:middle;
	border: 3px solid #002d3c;
	background-color: white;
	color: black;
}
table.white-background h2, table.white-background h3, table.white-background p { 
    padding:0px 0px 0px 0px; /* top right bottom left */
    margin:0px 0px 0px 0px; /* top right bottom left */
    color: black;
}
table.white-background a { 
    color: #002d3c;
	text-decoration: underline; 
	font-weight: normal;
}
table.white-background a:visited { 
 	color:#002d3c;
	text-decoration: underline;
	font-weight: normal;
}
table.white-background a:hover {   
 	color:#002d3c;
	font-weight: bolder;
	text-decoration:underline;
}

/* Bruno Rochat - 25/10/2013 - format for table coming from word */
table.word-to-wordpress td
{
	vertical-align:middle;
	padding:10px;
	border: 1px solid white;
}


table.inform,
table.inform td,
table.inform th,
table.inform img{}
table.inform{background-color:#FFFFFF;color:#4a4a4a;}
table.inform td,
table.inform th{border-width:2px;border-color:#B1C9FD;background-color:#FFFFFF;color:#4a4a4a;padding-top:3px;padding-left:6px;padding-right:6px;padding-bottom:3px;}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/*TAG COMPATIBLE HTML5*/
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display: block;
}
mark, rp, rt, ruby, summary, time {
	display: inline
}

#box-principal > h2 {
	clear: both;
}
/*--------------------------------------------------------------------------------------*/
/*---------------------------------------Header-----------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#logo {
	display:inline-block;
	vertical-align:top;
	/* width: 20%; */
	/* height: 80px; */
	padding-top: 0px;
	padding-bottom:0px;
	padding-left:0rem;
	/* padding-right:0 rem; */ 
	margin-bottom:0px;

	float: left;
	padding-left:0rem; 
	height:55px;
}

#header {
	margin: 1.5em auto 0rem auto;
/*	width: 1050px; */
	text-align:center;
	max-width:1024px;
}
#header-top {
	/* float: right; */
	display:inline-block;
	vertical-align:top;
	padding-top:0.938rem; /* 15px */
	padding-bottom:1.5rem;
	/* width:80%; */
	/* width: 1050px; B Rochat 13/05/2014 for dynamic resize */
	/* height: 30px; */
	/* margin-left:40px; */
}
@media screen and (max-width: 1000px) {
#header-top {
	padding-bottom:0.85rem; 
}
}

#liens-top-flags {
	padding-left:0.5rem;  /* écarter le bloc drapeau du logo */
	padding-right:0.5rem; /* le garder centré quand il est seul */
}

.liens-top {
	display:inline-block;
	vertical-align: top;
	color: white;
	font-size: 0.875rem; /* 14px */
	line-height: 1.875rem; /* 30px */
	margin-left: 0px;
}
.liens-top img, .liens-top a img {
	width:15px;
	height:10px;
	padding-left:7px;
	padding-right:7px;
}

.liens-top a {
	color: white;
	text-decoration: none;
	margin:0px 0.5rem;
}
.liens-top a.drap {
	color: white;
	text-decoration: none;
	margin:0!important;
}
.liens-top span{ margin-right:3px;}

/*---hide sections on smarphone and replace it by the + or menu icon (see also javascript in header) ---*/
/*---source http://www.rvamedia.com/wordpress/collapsible-responsive-menu-for-genesis---*/
.plus-smartphone-icon {
display: none;
visibility: hidden;
}
.menu-smartphone-icon {
display: none;
visibility: hidden;
}
@media only screen and (max-width: 700px) {
.plus-smartphone-icon { background: url("../files/png/plus-icon.png") no-repeat scroll 0 0 transparent; cursor: pointer; display: inline-block; float: right; /* margin-bottom: 10px; */ width: 16px; height: 16px; visibility: visible; vertical-align:bottom; }
.menu-smartphone-icon { 
	background: url("../files/png/menu-smartphone-icon.png") no-repeat scroll 0 0 transparent; 
	cursor: pointer; 
	display: inline-block; 
	float: left; 
	width: 30px; 
	height: 30px; 
	visibility: visible; 
	vertical-align:top; 
	background-size: 100% 100%; 
}
.plus-section-smartphone { display: none; }
#liens-top-support-separator { /* no | with smartphone */
display:none;
}
#liens-top-contact-separator { /* no | with smartphone */
display:none;
}
#liens-top-search-separator { /* no | with smartphone */
display:none;
}
#liens-top-search { /* no search area with smartphone */
display:none;
}
#searchsubmit { /* no search button with smartphone */
display:none;
}
.input-loupe {
margin-left:0px ! important;
}
}
/* Make sure section re-appears when scaled up */
@media only screen and (min-width: 501px) {
.plus-section-smartphone {
display: block;
}
#plus-section-header {
display: inline-block ! important;
}
}
/*---end hide sections on smarphone and replace it by the + or menu icon (see also javascript in header) ---*/

/*----menus-------*/
.menu-logo {
	display:block;
}
.menu-name {
	display:none;
}
@media only screen and (max-width: 700px) {
.menu-logo {
	display:none;
}
.menu-name {
	display:block;
}
}
.menu-container {
	display:block ! important; /* will be displayed when the page is loaded */
	margin-left:auto;
	margin-right:auto;
/*
	margin-bottom:30px;
	margin-top:30px;
*/
	text-align:center;
}
.sub-menu-container {
	display:block; /* will be displayed when the page is loaded */
	text-align:center;
	margin-bottom: 5px;
}

ul.menu { /* menu */
	/* float: left; */
	text-align:center;
	list-style: none outside none ! important;
	margin-top:0px;
	margin-bottom:0px;
	/* z-index: 100; */
	/* padding-bottom: 30px; */
	/* background: url('../files/png/bg-contenue.png') no-repeat scroll bottom center transparent; */
}

.underline {
	background: url('../files/png/bg-contenue.png') no-repeat scroll bottom center transparent;
	background-size: 100% 100%;
	height: 0.750rem;
	width:75%; 
	max-width:48rem; /* 768px */
	text-align:center;
	margin:auto;
}

#menu-safekit, #menu-web-sso, #menu-enterprise-sso {
	text-align:center;
}

ul.menu > li {
	/* float: left; */
	display:inline-block;
	text-align:left;
	color: white;
	font-size: 0.750rem; /* 12px */
	list-style: none outside none ! important;
	text-transform: uppercase;
	position: relative;
	/* z-index: 100; */
	/*border-top: 3px solid #fff !important;
	border-bottom: 3px solid #fff;*/
}
ul.menu > li a {
	color: white;
	text-decoration: none;
	padding: 0 12px;
	padding-bottom: 0px;
	display: block;
	padding-top:5px;
	padding-bottom:2px;
	z-index:1;
}
ul.menu li:hover.current_page_item a{
	 color:#FFF;
}
ul.menu li:hover.current-menu-parent a{
	color:#FFF;
}
ul.menu li:hover  {
	
	 background:white;
}
ul.menu > li:hover a {
/*border-top: 3px solid white;*/
	color: #FFF;
/*border-bottom: 3px solid white;*/
}

a.current-item{
	color: white!important;
	text-decoration: underline!important;
}

li.current-page-item > a
{
	color: white!important;
}

ul.menu li.current-page-ancestor > a, 
ul.menu li.current-menu-ancestor > a, 
ul.menu li.current-menu-parent > a, 
ul.menu li.current-page-parent > a, 
ul.menu li.currentpage-ancestor> a
{
	color: white;
	border-bottom: 3px solid white;
}

ul.menu li.current-page-item > a, 
ul.menu li.current-menu-ancestor > a, 
ul.menu li.current-menu-item > a, 
ul.menu li.current-menu-parent > a {
	color: white;
	border-bottom: 5px solid white;
	border-bottom-right-radius: 2em;
}
 
ul.menu li.current-news-ancestor > a,
ul.menu li.current-livreblanc-ancestor > a,
ul.menu li.current-etudedecas-ancestor > a,
ul.menu li.current-videos-ancestor > a,
ul.menu li.current-evnement-ancestor > a
{
	color: white;
	border-bottom: 3px solid white;
}

/*----menu deroulant-------*/
ul.menu li:hover ul {
	display: block;
	z-index: 1100;
}
ul.menu ul {
	display: none;
	position: absolute;
	top: 17px;
	left: 0px;
	width: 160px; /* 141 px */
	background: #d5d5d5;
	z-index: 1000;
	padding-top: 0px;
	list-style: none outside none ! important;
}
.sub-menu {
	top: 24px !important;
	list-style: none outside none ! important;
	padding-left: 0px ! important;
	padding-right: 0px ! important;
}
.sub-menu li {
	background: url(../files/gif/barre_sous_menu.gif) bottom center no-repeat;
	padding-left:0px!important;
	list-style: none outside none ! important;
}

ul.menu ul a {
	display: block;
	color: white !important;
	text-decoration: none;
	font-size: 0.625rem !important; /* 10px */
	/*width: 119px;*/
	border: 0 !important;
	padding-top:5px;
	padding-bottom:5px;
}
ul.menu ul a:hover {
	color: #fff!important;
	background:white;
}
/* end menu */

.form-search {
	float: right;
	/* padding-left: 5px; */
	/* margin-left: 2px; */ /* as the flags En/Fr... */
	position: relative;
	margin-top: 26px;
	width: 160px;
}
.input1 {
	background: url(../files/png/bg-input-search.png) left center no-repeat;
	width: 130px;
	height: 22px;
	line-height: 22px;
	border: 0;
	outline: 0 none;
	padding-left: 15px;
	padding-right: 20px;
	color: white;
	font-size: 0.625rem; /* 10px */
	float: left;
	margin: 0;
}
.input-loupe {
	background: url(../files/png/bg-input-search-2.png) left center no-repeat;
	background-size:100% 100%;
	width: 7.813rem; /* 125px */
	height: 1.375rem; /* 22px */
	line-height: 1.375rem; /* 22px */
	border: 0;
	outline: 0 none;
	padding-left: 1.563rem; /* 25px */
	padding-right: 1.250rem; /* 20px */
	color: white;
	font-size: 0.750rem; /* 12px */
	/* float: left; */
	margin-top:0.250rem; /* 4px */
	margin-left:1rem; /* 16px */ 
}
.bt-ok {
	background: url(../files/png/loupe.png) top center no-repeat;
	width: 15px;
	height: 12px;
	border: 0;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 10px;
	display: block;
}
/*--------------------------------------------------------------------------------------*/
/*--------------------------------------Slider------------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/* center slider show (bxslider.com */
.bx-wrapper { margin:auto; box-shadow:none!important; border: 0px; height:100%!important; }

/* img with no shadow */
.bx-wrapper .bx-viewport { box-shadow:none!important; border: 0px; height:100%!important;}

/* pager circles at bottom */
/*
.bx-wrapper .bx-pager { 
	bottom:0rem; 
	width:63%;
	text-align:center; 
	margin:auto;
}
*/

/* colors of pager buttons (blue and blank circles)
.bx-wrapper .bx-pager.bx-default-pager a {background: none repeat scroll 0% 0% #fff}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {	background: none repeat scroll 0% 0% #09c;}
*/

/* colors of pager buttons (blue and grey circles) */
.bx-wrapper .bx-pager.bx-default-pager a {background: none repeat scroll 0% 0% grey; text-align:left;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {	background: none repeat scroll 0% 0% white; text-align:left;}

/* space between pager circles */
.bx-wrapper .bx-pager {display:block; text-align:right; bottom:-33px;}
.bx-wrapper .bx-pager .bx-pager-item { margin-left: 7px; margin-right:5px;}

#slidershow {
	width:100%;
	max-width: 1020px; /* not 1024px else a small line appears on the left of the image */
	/* height: 342px; */
	position: relative;
	margin: 0 auto 40px auto;
	/* margin-bottom:1px; */
	text-align:center;
}
#slidershowhomesafekit {
	width:100%;
	/* max-width: 700px; */
	/* height: 190px; */
	position: relative;
	margin: 0 auto 60px auto;
	/* margin-bottom:1px; */
	text-align:center;
	padding-left:0px;
}
#slidershowsafekit {
	width:100%;
	/* max-width: 700px; */
	/* height: 190px; */
	position: relative;
	margin: 0 auto 0 auto;
	/* margin-bottom:1px; */
	text-align:center;
	padding-left:0px;
}
#slidershowevidian {
	width:100%;
	/* max-width: 700px; */
	/* height: 190px; */
	position: relative;
	margin: 0 auto 0 auto;
	/* margin-bottom:1px; */
	text-align:center;
	padding-left:0px;
}
.vignette-right a {
	text-decoration: none !important;
}
.vignette-right h2 {
	margin: 5% 4% 4% 4% ! important;
	color: #80dfff ! important;
	/* font-size: 1.250rem; */ /* 20px */
	text-transform: uppercase;
	font-weight: bold;
	margin-top:16px;
	margin-bottom:10px;
}
.vignette-right h2.small {
	font-size: 1rem; /* 16px */
}
.vignette-right h2 span, .vignette-right h3 span {
	color: #fff;
}
.vignette-right h3 {
	margin: 4% 4% 4% 4% ! important;
	color: #fff ! important;
	/* font-size: 1rem; */ /* 16px */
	text-transform: uppercase;
	font-weight:normal;
}
.vignette-right h3.small {
	font-size: 0.813rem; /* 13px */
}
.vignette-right p {
	margin: 4% 4% 4% 4% ! important;
	color: #fff;
	font-size: 0.750rem; /* 12px */
	text-transform: uppercase;
	line-height: 14px;
}
@media screen and (max-width: 900px) {
.vignette-right h2, .vignette-right h2.small {
	font-size: 0.938rem; /* 15px */
	font-weight: bold;
}
.vignette-right h3, .vignette-right h3.small {
	font-size: 0.750rem; /* 12px */
	font-weight:normal;
}
}
@media screen and (max-width: 768px) {
.vignette-right h2, .vignette-right h2.small {
	font-size: 0.875rem; /* 14px */
	font-weight: bold;
}
.vignette-right h3, .vignette-right h3.small {
	font-size: 0.750rem; /* 12px */
	font-weight:normal;
}
}
@media screen and (max-width: 600px) {
.vignette-right h2, .vignette-right h2.small {
	font-size: 0.813rem; /* 13px */
	font-weight: bold;
	text-transform: uppercase;
	line-height: 14px;
}
.vignette-right h3, .vignette-right h3.small, .vignette-right p {
	font-size: 0.688rem; /* 11px */
	font-weight:normal;
	text-transform: uppercase;
	line-height: 14px;
}
.vignette-right h3:nth-child(4) {
display:none;
}
}
@media screen and (max-width: 360px) {
.vignette-right h2.small {
	margin: 3% 3% 3% 3% ! important;
	font-size: 0.750em;
	font-weight:normal;
	text-transform: uppercase;
	line-height: 14px;
}
.vignette-right h3.small {
	margin: 3% 3% 3% 3% ! important;
}
.vignette-right h3:nth-child(3) { 
	display:none;
}
.no-smartphone-vertical {
	display:none!important;
}
.smartphone-vertical {
	display:block!important;
}
}
.vignette-right {
	position: absolute;
	z-index: 10;
	width: 43%;
	height: 100%;  
	background: url(../files/png/bg-vignette.png) top center repeat;
	right: 0px;
	text-align:left;
}

.slider-img img {
	width: 100%;
	/* height: auto; */
}

.vignette-left {
	position: absolute;
	z-index: 10;
	width: 258px;
	/*height:275px;*/
	background: url(../files/png/bg-vignette.png) top center repeat;
	padding: 25px 20px;
	bottom: 0;
	left: 78px;
}

.savoir-plus {
	background: url(../files/png/bg-savoir.png) no-repeat;
	width: 257px;
	height: 42px;
	line-height: 42px;
	text-align: center;
}
.savoir-plus a {
	color: #fff;
	font-size: 0.750rem; /* 12px */
	text-transform: uppercase;
	text-decoration: none;
}
.savoir-plus a:hover {
	color: #80dfff;
	font-size: 0.750rem; /* 12px */
	text-transform: uppercase;
	text-decoration: none;
}

.cont-vignette {
	background: url(../files/png/bg-cont-vignette-right.png) no-repeat; 
	width: 208px;/*223*/
	height: 340px;/*75 */
	padding: 15px 5px 5px 10px;
	display: block;
}
.cont-vignette a {
	display: block;
	text-decoration: none;
}
.visuel-vignette-right {
	float: left;
	width: 34px;
	height: 42px;
	margin-right: 7px;
	line-height: 42px;
	text-align: center;
	overflow: hidden;
}
.visuel-vignette-right img {
	max-width: 34px;
	max-height: 42px;
	vertical-align: middle;
}
.cont-vignette h2 {
	color: #80dfff;
	font-size: 1.250rem; /* 20px */
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
.cont-vignette h2 a {
	text-decoration: none !important;
	color: #fff;
}
.cont-vignette h3 {
	color: #ffffff;
	font-size: 1.250rem; /* 20px */
	text-transform: uppercase;
	font-weight: bold;
}
.cont-vignette h3 a {
	float: right;
	color: #fff;
	text-decoration: none !important;
}

/*--------------------------------------------------------------------------------------*/
/*-----------------------------------Contenue index-------------------------------------*/
/*--------------------------------------------------------------------------------------*/

#contenue {
/*	padding-left: 5px;
	padding-right: 5px;
*/
/*	margin: 0px auto 10px auto; */
/*	padding-left: 5px; */
    margin: 0px auto 10px auto;
	width: 90%;
	/* width:1010px; */
	/* max-width: 1014px; */
	max-width: 700px; /* redefined later according screen size */
	/* background: url(../files/png/bg-contenue.png) top center no-repeat; */
	/* padding-left: 14px; */
	/* padding-top: 40px; */
	overflow: hidden;
	z-index: 40; /* higher than bx-pager */
	text-align:left;
}
.box-3 {
	/* float: left; */
	width: 310px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding: 0px 12px 0px 12px;
}
#box-left {
	/* float: left; */
	width: 315px;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
#box-left h2, #box-center h2, #box-right h2 {
	color: white;
	font-size: 1.063rem; /* 17px */
	text-align: left;
	margin-bottom: 14px;
	margin-top: 0;
	text-transform: uppercase;
}
#box-center h2 {
	margin-left: 15px;
}
.bloc-news {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	margin-bottom: 20px;
}
.news {
	/* float: left; */
	width: 280px;
	margin-bottom: 10px;
	font-size: 0.813rem; /* 13 px */
}
.visuel-news {
	float: left;
	width: 74px;
	height: 74px;
	line-height: 74px;
	text-align: center;
	overflow: hidden;
	margin-right: 10px;
}
.visuel-news img {
	max-width: 74px;
	/*max-height: 74px;*/
	vertical-align: middle;
}
.news dl dt {
	color: white;
	/* font-size: 0.688rem; */ /* 11px */
}
.news dl span {
	color: white;
}
.news dl dd {
	color: white;
	/* font-size: 0.688rem; */ /* 11px */
}
.news a {
	color: white;
	text-decoration: none;
	/* font-size: 0.750rem; */ /* 12px */
}
.bloc-events {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	margin-bottom: 20px;
}
.events {
	float: left;
	width: 275px;
	margin-bottom: 10px;
	font-size: 0.813rem; /* 13px */
}
.events .date {
	float: left;
	background: url(../files/png/date.png) top center no-repeat;
	width: 22px;
	height: 28px;
	margin-right: 10px;
}
.mois {
	width: 22px;
	height: 11px;
	color: #fff;
	/* font-size: 0.438rem; */ /* 7px */
	text-transform: uppercase;
	text-align: center;
}
.jour {
	width: 22px;
	height: 17px;
	color: white;
	/* font-size: 0.875rem; */ /* 14px */
	text-transform: uppercase;
	text-align: center;
}
.events p {
	color: white;
	/* font-size: 0.688rem; */ /* 11px */
}
.events p a {
	color: white;
	text-decoration: none;
	/* font-size: 0.688em !important; */ /* 11px */
}
span.blu a {
	color: white !important;
	text-decoration: none;
	/* font-size: 0.688em !important; */ /* 11px */
}


#box-center {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	width: 420px;
	text-align:left;
	margin-bottom:30px;
}

/* scrolling of right div with widgets + ecart entre les widgets */
.bloc-new-widget {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
	padding-left:5px;
	padding-right:5px;
	display:inline-block;
	width:100%;
	max-width: 275px;
}	
.bloc-new-widget button {
    width: 100%;
    text-align: center!important;
}
.bloc-new-widget h3 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

.textwidget {
    width:100%;
}
.widget_text_icl {
	vertical-align: top!important;
	display:inline-block;
	padding-left:0px;
	padding-right:0px;
	width:100%;
}
#box-right {
	/* float: right; */
	display:inline-block;
	vertical-align:top;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	max-width: 700px; /* redefined according screen size */
}

@media screen and (min-width: 1000px) {
#contenue {
	max-width: 1014px; /* redefined according screen size */
}
#box-principal {
	padding-right: 45px;
}
#box-right {
	max-width: 275px;
    position: fixed;
	padding-right: 15px;
}
.bloc-contact {
    margin-top: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.bloc-livre-blanc {
    margin-top: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.bloc-livre-blanc h3 {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}
.form-bloc-contact button {
    width: 265px!important; /* a revoir */
    text-align: left!important;
}
.form-bloc-contact legend {
	display:none;
}
.form-bloc-contact fieldset {
	border:none!important;
	padding: 0px 0px 0px 0px!important;
}
.visuel-bloc-contact {
	display:none;
}
.form-bloc-wp {
	padding-top:30px;
}
}

#box-1 {
	width: 40%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	padding-right: 10px;
    padding-left: 10px;
}

/*-------------bloc-right-------*/
/*
.textwidget {
	margin-bottom:30px;
}
*/
.bloc-livre-blanc {
	/* float: left; */
	/* width: 265px; */
	/* display:inline-block; */
	text-align:left;
}
.bloc-livre-blanc span {
	/* font-size: 0.813rem; 13px */
}
.bloc-livre-blanc img {
	/* float: left; */
	margin-right: 5px;
}
.bloc-livre-blanc dl {
	margin: 5px 0 10px;
}
.bloc-livre-blanc dt {
	color: white;
	margin-bottom: 5px;
	padding-top: 8px;
}
.bloc-livre-blanc dd {
	color: white;
	margin-bottom: 5px;
}
.bloc-livre-blanc a {
	color: white;
	text-decoration: none;
}
.bloc-livre-blanc h3 {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 0.938rem; /* 15px */
	margin-right: 5px;
}
.bloc-client {
	/* float: left; */
	display:inline-block;
	text-align:left;
	width: 265px;
	margin-bottom: 24px;
}
.bloc-client img {
	float: left;
	width: 263px;
	margin-bottom: 12px;
	border:1px solid white;
}
.bloc-client:hover img {
	border:1px solid white;
}
.bloc-client h3 {
	color: white;
	font-size: 0.688rem; /* 11px */
	float: left;
	width: 253px;
	margin-bottom: 0px;
}
.bloc-client p {
	color: white;
	font-size: 0.688rem; /* 11px */
	margin-bottom: 10px;
}
.bloc-client p a {
	color: white;
	text-decoration: none;
	font-size: 0.750rem; /* 12px */
}

.bloc-dispo {
	display:inline-block;
	text-align:left;
	width: 247px;
	border: 1px solid white;
	padding: 13px;
	border-radius:10px;
	margin: 5px;
}
.bloc-dispo h3 {
	color: white;
	font-size: 1rem; /* 16px */
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom: 10px;
}
.bloc-dispo p {
	color: white;
	font-size: 0.813rem; /* 13 px */
	margin-bottom:5px;
}
.bloc-dispo p span {
}
.bloc-dispo span.blu {
	color: white !important;
	text-decoration: none;
	font-size: 0.813em !important;
}

.bloc-dispo p a {
	color: white;
	text-decoration: none;
}

.bloc-media {
	text-align:left;
}

.bloc-media fieldset {
	width: 248px;
	/* height: 60px; */
	border: 1px solid white;
	padding: 10px 0px 10px 15px; /* top right bottom left */
	position:relative;
	font-size: 0.813rem; /* 13px */
	border-radius: 10px;
}

.bloc-media fieldset ul {
	list-style-type: none;
}

}
.bloc-media fieldset p a {
	font-size: 0.813rem; /* 13px */
	margin-right:60px; /* for news icon */
	margin-top:0px;
}


.bloc-media legend {
	font-size: 1.125rem; /* 18px */
	color: white;
	padding-right: 20px;
	position:absolute;
	top:-18px;
	left:10px;
	background:#fff;
}

.bloc-media h3 {
	color: white;
	font-size: 1rem; /* 16px */
	text-transform: uppercase;
	margin-top:0px;
	margin-bottom: 10px;
}
.bloc-media p {
	color: white;
	font-size: 0.813rem; /* 13 px */
	margin-bottom:5px;
}
.bloc-media p span {
}
.bloc-media span.blu {
	color: white !important;
	text-decoration: none;
	font-size: 0.813em !important;
}

.bloc-media p a {
	color: white;
	text-decoration: none;
}

.icon-linkedin {
	width:35px;
	height:35px;
	display: inline-block;
	vertical-align:bottom;
	background: url("../files/png/linked-icon.png") left center no-repeat;
}

.icon-twitter {
	width:35px;
	height:35px;
	display: inline-block;
	vertical-align:bottom;
	background: url("../files/jpg/twitter.jpg") left center no-repeat;;
}

.icon-rss {
	width:35px;
	height:35px;
	display: inline-block;
	vertical-align:bottom;
	background: url("../files/jpg/rss.jpg") left center no-repeat;;
}

.bloc-contact {
	/* float: right; */
	display:inline-block;
	text-align:left;
	width: 265px;
	position: relative;
	margin-top:20px;
}
#contact, #newsletter, #searchsubmit {
	font-size: 0.813rem; /* 13px */
}
.form-bloc-contact, .form-bloc-wp {
	/* text-align:left; */
	width:235px;
}
.form-bloc-contact fieldset, .form-bloc-wp fieldset {
	width: 265px;
	/* height: 60px; */
	border: 1px solid white;
	padding: 20px 0px 20px 0px; /* top right bottom left */
	position:relative;
	font-size: 0.813rem; /* 13px */
	border-radius: 10px;
}
.form-bloc-contact fieldset p, .form-bloc-wp fieldset p {
	font-size: 0.813rem; /* 13px */
	margin-right:60px; /* for news icon */
	margin-top:0px;
}
.form-bloc-contact legend, .form-bloc-wp legend {
	font-size: 1.125rem; /* 18px */
	color: white;
	padding-right: 20px;
	position:absolute;
	top:-18px;
	left:10px;
	background:black;
}
/* Dans la page carrière, style de "Choisissez un fichier" */
.wpcf7-file {
    max-width:215px;
    font-size: 0.688em!important; /* 11px */
}
/* et centrer le button Envoyer */
.wpcf7-submit {
	padding:0!important;
}
.form-bloc-contact-7 {
}
.form-bloc-contact-7 fieldset {
	width: 243px; /* padding-left+width+padding-right=box-right width=263px */
	border: 1px solid white;
	padding: 30px 10px 12px 10px; /* top right bottom left */
	position:relative;
}
.form-bloc-contact-7 legend {
	color: white;
	font-size: 1.250rem; /* 20px */
	padding-right: 20px;
	position:absolute;
	top:-18px;
	left:10px;
	background:#fff;
}
.visuel-bloc-contact {
	position: absolute;
	top: -30px;
	right: 2px;
	z-index:10;
}
.input2 {
	float: left;
	width: 150px;
	height: 19px;
	border: 1px solid white;
	
	color: white;
	font-size: 0.688rem; /* 11px */
	background: #fff;
	position:relative;
	z-index:100;
	margin-bottom: 5px!important;
	
}
.label2 {
	float: left;
	width: 83px;
	line-height: 19px;
	color: white;
	font-size: 0.688rem; /* 11px */
	margin-top:0px;
}
.texterea2 {
	float: left;
	border: 1px solid white;
	width: 140px;
	height: 40px;
	max-width: 150px;
	padding: 5px;
	color: white;
	font-size: 0.688rem; /* 11px */
	overflow: auto;
}
.bt-envoi2 {
	float: right;
	width: 150px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	font-size: 1rem; /* 16px */
	color: #fff;
	cursor: pointer;
	background: white;
	border: 0;
	margin-top: 5px;
	margin-right: 15px;
}

.bloc-newsletters {
	float: left;
	width: 265px;
	background: url(../files/png/bloc-newsletters.png) top center no-repeat;
	margin-bottom: 25px;
}
.bloc-newsletters h2 {
	padding-left: 18px;
	font-size: 1rem; /* 16px */
	color: white;
	margin-top: 12px !important;
}
.bt-inscri {
	float: right;
	width: 90px;
	height: 23px;
	background: white;
	color: #fff;
	text-align: center;
	font-size: 0.750rem; /* 12px */
	line-height: 23px;
	display: block;
	margin-top: 0px;
	margin-bottom:30px!important;
}
.bt-inscri a {
	color: #fff;
	text-decoration: none;
	background: url(../files/png/puce1.png) left center no-repeat;
	padding-left: 25px;
}

.bloc-authentification {
	float: left;
	width: 263px;
	border: 1px solid white;
	margin-bottom: 25px;
}
.visuel-authentification {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 10px;
}
.bloc-authentification p {
	color: white;
	font-size: 1rem; /* 16px */
	margin-top: 45px;
}
.bloc-authentification .liens {
	background: white;
	height: 38px;
	width: 248px;
	line-height: 38px;
	padding-left: 15px;
}
.bloc-authentification .liens a {
	background: url(../files/jpg/plus.jpg) right center no-repeat;
	padding-right: 30px;
	color: #fff;
	font-size: 0.875rem; /* 14px */
	text-transform: uppercase;
	text-decoration: none;
}

.bloc-doc {
	float: left;
	width: 265px;
	margin-bottom: 25px;
}
.bloc-doc h3 {
	color: white;
	font-size: 1.250rem; /* 20px */
	margin-bottom: 10px;
}
.bloc-doc li {
	background: url(../files/png/puce2.png) no-repeat left 4px;
	padding-left: 12px;
	color: white;
	font-size: 0.750rem; /* 12px */
	list-style: none outside none;
	margin-bottom: 0px;
}
.bloc-doc li a, .bloc-doc p a {
	color: #333;
	text-decoration: none;
}
.bloc-doc p a{
	color: white !important;
	
}
.bloc-doc p {
	color: white;
	font-size: 0.688rem; /* 11px */
	margin-top: 10px;
}
.bloc-doc span {
}
.bloc-doc span.spa-bleu {
	color:  white!important;
}


.bloc-telecharge {
	width: 230px;
	float: left;
	background: white url(../files/png/triangle.png) left 30px no-repeat;
	padding: 15px 20px 15px 15px;
}
.bloc-telecharge h2 {
	color: #fff !important;
	font-size: 1em !important; /* 16px */
	margin-left: 30px;
}

.input3 {
	width: 140px;
	height: 19px;
	float: left;
	margin-bottom: 7px;
	line-height: 19px;
	padding: 0 5px;
	border: 0;
	background: #fff;
	font-size: 0.688rem; /* 11px */
	color: #404040;
	margin-top:0;
}
.label3 {
	float: left;
	line-height: 19px;
	color: #fff;
	font-size: 0.688rem; /* 11px */
	width: 80px;
	/*margin-bottom: -5px;
	margin-top:8px;*/
}
span.societe  + .label3{
	float: left;
	line-height: 11px;
	color: #fff;
	font-size: 0.688rem; /* 11px */
	width: 80px;
	/*margin-bottom: -5px;
	margin-top:8px;*/
}
.selection {
	width: 150px;
	height: 19px;
	float: left;
	margin-bottom: 7px;
}
.bloc-telecharge p.txt {
	color: #fff;
	margin-top: 11px;
	float: left;
	margin-right:6px;
}
.bloc-telecharge p {
	color: #fff;
	margin-top: 0px;
	/*float: left;*/
}
.textearea3 {
	float: left;
	width: 140px;
	max-width: 150px;
	height: 40px;
	background: #fff;
	font-size: 0.688rem; /* 11px */
	color: #404040;
	padding: 5px;
	border: 0;
	overflow:auto;
}
.bt-telecharger {
	float: right;
	width: 150px;
	height: 35px;
	border: 1px solid #fff;
	color: #fff;
	background: white;
	line-height: 35px;
	font-size: 1rem; /* 16px */
	text-transform: uppercase;
	cursor: pointer;
	margin-top: 15px;
}

.bloc-video {
	float: left;
	width: 265px;
	margin-bottom: 0px;
}
.video1 {
	float: left;
	width: 265px;
	height: 147px;
}
.titre-video {
	float: left;
	width: 212px;
	height: 38px;
	background: white;
	line-height: 38px;
	padding-left: 15px;
	color: #fff;
	font-size: 0.875rem; /* 14px */
	text-transform: uppercase;
}
.lien-video {
	float: left;
	width: 38px;
	height: 38px;
	border: 0;
}
.first-video {
	margin-top: 25px;
}

/*---------bloc secteur-------------*/

#box-sante {
	display:inline-block;
	vertical-align:top;
	width: 184px;
	height: 162px;
	background: url(../files/png/box-sante.png) no-repeat;
	margin-top: 8px;
	position:relative;
}
#box-sante:hover {
	background: url(../files/png/box-sante-over.png) no-repeat;
	cursor: pointer;
}

#box-sante p{ color:#fff; font-size:1rem; /* 16px */ text-align:center; margin-top:13px;padding-left:18px;}


#box-gouv {
	display:inline-block;
	vertical-align:top;
	width: 168px;
	height: 162px;
	background: url(../files/png/box-gouv.png) no-repeat;
	margin-top: 8px;
	margin-left: 6px;
}

#box-gouv:hover {
	background: url(../files/png/box-gouv-over.png) no-repeat;
	cursor: pointer;
}
#box-gouv p, #box-ets p, #box-finance p, #box-telecom p { color:#fff; font-size:1rem; /* 16px */  text-align:center; margin-top:13px;}
#box-ets {
	display:inline-block;
	vertical-align:top;
	width: 168px;
	height: 162px;
	background: url(../files/png/box-ets.png) no-repeat;
	margin-top: 8px;
	margin-left: 17px;
}
#box-ets:hover {
	background: url(../files/png/box-ets-over.png) no-repeat;
	cursor: pointer;
}

#box-finance {
	display:inline-block;
	vertical-align:top;
	width: 168px;
	height: 162px;
	background: url(../files/png/box-finance.png) no-repeat;
	margin-top: 8px;
	margin-left: 17px;
}
#box-finance:hover {
	background: url(../files/png/box-finance-over.png) no-repeat;
	cursor: pointer;
}

#box-telecom {
	display:inline-block;
	vertical-align:top;
	width: 168px;
	height: 162px;
	background: url(../files/png/box-telecom.png) no-repeat;
	margin-top: 8px;
	margin-left: 6px;
}
#box-telecom:hover {
	background: url(../files/png/box-telecom-over.png) no-repeat;
	cursor: pointer;
}
/* end bloc secteur */
@media only screen and (max-width: 700px) {
#box-sante p, #box-gouv p, #box-ets p, #box-finance p, #box-telecom p { font-size:0.875em;}
}
/*--------------------------------------------------------------------------------------*/
/*-------------------------------------Footer------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
#footer {
	/* width: 1050px; */
	/* margin: 10px auto 0px auto; */
	/* padding-top: 35px; */
	text-align:center;
/*	background:black; */
	padding-top:10px;
	padding-bottom:10px;
	/* max-width:1024px; */
	/* background: url(../files/png/bg-footer.png) top center no-repeat; */
	/* background-size: 100%; */
}
ul#foot {
	/* float: left; */
	/* margin-left: 230px; */
	/* margin-bottom: 45px; */
	/* width: 700px; */
	/* margin:auto; */
}
ul#foot li {
/*	color: #ffffff; */
	font-size: 0.750rem; /* 12px */
/*	font-size: 0.688rem; 11px */
	list-style: none outside none;
	/* float: left; */
	display: inline-block;
	margin-bottom: 0.688rem;
}
ul#foot li a {
/*	color: #ffffff; */
	text-decoration: none;
	margin: 0 8px;
}
ul#foot li a:hover {
/*	color: #ffffff; */
	text-decoration: underline;
	font-weigth: bold;
}
ul#foot li.first {
	margin-right: 10px;
	margin-right: 10px;
}
ul#menu-bas {
	/* float: left; */
	/* margin-left: 90px; */
	/* width: 850px; */
	text-align:center;
}
ul#menu-bas li {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	list-style: none outside none;
	/* margin-right: 10px; */
}
ul#menu-bas li.end-li{margin-right: 0px!important;
}

ul#menu-bas li dl {
	margin-bottom: 20px;
	text-align:left;
}
ul#menu-bas li dl dt {
	color: #929292;
	font-size: 0.688rem; /* 11px */
	text-decoration: none;
	margin-bottom: 7px;
	font-weight:bold;
}
ul#menu-bas li dl dd {
	color: #929292;
	font-size: 0.688rem; /* 11px */
	text-decoration: none;
	margin: 0px 0px 3px 0px;
	width: 150px; /* B Rochat - 06/03/2014 - control size of text in the footer */
}
ul#menu-bas li dl dt a, ul#menu-bas li dl dd a {
	color: #929292;
	text-decoration: none;
}
ul#menu-bas li dl dt a:hover, ul#menu-bas li dl dd a:hover {
	color: #929292;
	text-decoration: underline;
}
#social-icons {
	display:inline-block;
	vertical-align:middle;
	padding-left:50px;
	padding-right:50px;
}
#footer-text-1 {
	display:inline-block;
	vertical-align:middle;
}
#bull-atos-logo {
	display:inline-block;
	vertical-align:middle;
/*	float:right; */
	padding-right:1.6rem;
	padding-top:0.5rem;
}
/*--------------------------------------------------------------------------------------*/
/*-------------------------------------page interne------------------------------------------*/
/*--------------------------------------------------------------------------------------*/
p#ariane {
	display: block;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
	text-align:center;
	background-color:white;
	/* color: #ffffff; */
	font-size: 0.875rem; /* 14 px */
	list-style: none outside none;
	color:#006878;
}
p#ariane a {
    /* color: #ffffff; */
    text-decoration: none;
}
p#ariane a:hover {
    /* color: #002d3c; */
    /* color: #ffffff; */
	font-weight: bold;
/*	text-decoration: underline; */
}
#ariane-current-page {
    /* color: #002d3c; */
	font-weight: bold;
	/* color: #ffffff; */
}
ul#ariane {
	/* float: left; */
	display: block;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	/* padding-top: 10px; */
	padding-bottom: 10px;
	width: 100%;
	text-align:left;
	/* background-color:black; */
}
ul#ariane li {
	/* float: left; */
	display: inline-block;
	color: #002d3c;
	font-size: 0.813rem; /* 13 px */
	list-style: none outside none;
	margin-right: 5px;
	/* border-bottom: 1px solid white; */
}
ul#ariane li a {
	text-decoration: none;
	color: #a7a9ac!important;
	/* border-bottom: 1px solid #fff !important */
}
ul#ariane li a:hover {
	text-decoration: underline;
}
@media only screen and (max-width: 700px) {
ul#ariane {
	/* display:none */
}
}
#box-principal {
	/* float: left; */
	/* width: 700px; */
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:700px;
	/* padding-right: 45px; defined later according screen size */ 
	text-align:left;
	padding-bottom:20px;
	padding-top:10px;
}

/*-----------page secteur-----------*/

.visuel-secteur {
	/* float: left; */
	display:block;
	width:100%;
	height:100%;
	max-width: 700px;
	/* max-height: 233px; */
	margin-bottom: 20px;
}

.gras {
	color: white;
	font-size: 0.813rem; /* 13px */
}

/******** colored boxes for products, healthcare, finance... ***************/
#box-std-padd, #box-bleu, #box-vert, #box-orange, #box-jaune, #box-rouge, #box-bleu-ciel, #box-std {
	width: 100%;
	max-width: 700px;
	text-align:left;
}
#box-bleu h1, #box-bleu h2 {
	color: #005890;
}
#box-vert h1, #box-vert h2 {
	color: #80b935;
}
#box-orange h1, #box-orange h2 {
	color: #da5c00;
}
#box-jaune h1, #box-jaune h2 {
	color: #f1b000;
}
#box-rouge h1, #box-rouge h2 {
	color: #cc0048;
}
#box-std-padd h1, #box-std-padd h2, #box-bleu-ciel h1, #box-bleu-ciel h2, #box-std h1, #box-std h2 {
	color: white;
}

.gras {
	color: white !important;
	font-size: 0.813rem; /* 13px */
}
@media only screen and (max-width: 500px) {
#box-std-padd ul.tabs li, #box-std ul.tabs li {
font-size: 0.813rem; /* 13px */
max-width: 23%;
}
#box-bleu ul.tabs li, #box-orange ul.tabs li, #box-jaune ul.tabs li, #box-rouge ul.tabs li, #box-bleu-ciel ul.tabs li  {
font-size: 0.813rem; /* 13px */
max-width: 33%;
}
.tabs a, .tabs a.active {
	padding: 0.563em 0.563em 0.563em 0.563rem; /* 9px */
}
}
/* carre on the left side of boxes : removed because loose space for smartphone */
.carre {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/bg-tab-left1.jpg);
}
.carrebleu {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/bleu.jpg);
}
.carreorange {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/orange.jpg);
}
.carrerouge {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/rouge.jpg);
}
.carrejaune {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/jaune.jpg);
}
.carrevert {
	display:none;
	position: absolute;
	top: 50px;
	left: -15px;
	width: 15px;
	height: 25px;
	z-index: 1000;
	background: url(../files/jpg/vert.jpg);
}
/********end colored boxes for products, healthcare, finance... ***************/

/* make the iframe youtube video resizable and smartphone compatible */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-top:1.250rem;
	margin-bottom:1.875rem;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* end iframe youtube */

.ui-dialog, .ui-dialog-title, .ui-tooltip {
	font-size: 0.875rem!important;
}

.ui-dialog, .ui-dialog-content {
	overflow: hidden!important; /* to remove scrollbar on ui-dialog */
}

.select-pays {
	height: 32px;
	background: white;
	padding-left: 50%;
	color: #fff;
	font-size: 0.813rem; /* 13px */
	line-height: 19px;
}
.select-pays p {
	float: left;
	color: #fff !important;
	font-size: 0.813em !important; /* 13 px */
	line-height: 20px;
}
.select-pays form {
	float:right;
	margin-right:13px;
	margin-top: 5px;
}
.select {
	position: absolute;
	width: 122px;
	height: 19px;
	line-height: 19px;
	padding: 0 20px 0 8px;
	color: #989898 !important;
	font-size: 0.688em !important; /* 11 px */
	background: url(../files/jpg/select.jpg) no-repeat;
	overflow: hidden;
}
select.styled {
  background: none repeat scroll 0 0 #FFFFFF;
 color: #555555;
 font-size: 0.750rem; /* 12px */
  opacity: 0;
 position: relative;
 width: 150px;
 z-index: 5;
}
.jaber {
	color: #FFFFFF;
	font-size: 0.750rem; /* 12px */
	float: right;
}
.jaber a {
	color: #fff;
	text-decoration: none
}
.jaber a:hover {
	color: #80DFFF;
	text-decoration: none
}

/*
ul.part {
	padding: 35px 25px 0 45px;
	width: 630px;
}
*/
ul.ref, ul.part {
	max-width: 630px;
	list-style: none outside none;
	padding-left: 0px;
	font-size:1rem;
}
ul.ref > li, ul.part > li {
	/* float: left; */
    display:block;
	/* background: url(../files/png/bg-part.png) bottom center no-repeat !important; */
	padding-bottom: 25px;
}
/*
ul.part > li {
	float: left;
    display:block;
	background: url(../files/png/bg-part.png) bottom center no-repeat !important;
	padding-bottom: 25px;
}
*/
ul.part li.last {
	background: none !important;
}
.img-part {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	width: 185px;
	text-align: left;
}

.details-part10 {
	/* float: left; */
	display:inline-block;
	vertical-align:top;
	max-width: 620px;
}
.details-part {
	/* float: left;
	width: 440px; */
	display:inline-block;
	vertical-align:top;
/*	max-width: 400px; */
	width:100%;
	text-align:left;
}
.expand {
	margin-bottom: 20px;
	/*margin-top: 10px;*/
	/*width: 360px;*/
}
.expand a {
	/* color: white; */
	font-size: 1.125rem; /* 18px */
	line-height:24px;
	text-decoration: none;
}
.expand a:link, .expand a:visited {

	/*background: url(../files/jpg/expand1.jpg) right center no-repeat;*/
	padding-right: 25px;
	width:350px;
}
.expand a:hover, .expand a:active, .expand a:focus {
	text-decoration: none;
}
.expand a.open:link, .expand a.open:visited {
	/*background: url(../files/jpg/expand.jpg) right center no-repeat;*/
}
.details-part h4, .details-part10 h4 {
	float: right;
	color: #ffffff;
	font-size: 0.813rem; /* 13px */
	line-height: 20px;
	/*margin-top: 20px;*/
}

ul#sous-menu {
	float: left;
	width: 150px;
	background: #ebebeb;
	padding: 10px 0 0 0;
	margin-right: 15px;
}
ul#sous-menu li {
	float: left;
	width: 125px;
	background: url(../files/png/separator.png) bottom center no-repeat !important;
	color: #999898;
	font-size: 0.625rem; /* 10px */
	text-transform: uppercase;
	display: block;
	padding-left: 15px !important;
	padding-bottom: 6px;
	margin-bottom: 4px;
	margin-top:4px
}
ul#sous-menu li a {
	text-decoration: none;
	color: #999898;
}
ul#sous-menu li.lasted {
	background: none !important;
}
ul#sous-menu li a:hover {
	text-decoration: none;
	color: white;
}
ul#sous-menu li a.active {
	text-decoration: none;
	color: white;
}

ul#sous-menu li.current_page_item > a, ul#sous-menu li.current-menu-ancestor > a, ul#sous-menu li.current-menu-item > a, ul#sous-menu li.current-page-parent > a, ul#sous-menu li.current-menu-parent > a {
	color: white;
	border-bottom: 5px solid white;
	border-bottom-right-radius: 2em;
}

.livre {
	float: left;
	width: 280px;
	margin-bottom: 15px;
	margin-right: 10px;
}

.visuel-contact {
	float: left;
	width: 182px;
}
.box-contact {
	float: left;
	margin-left: 20px;
	width: 518px;
	background: white url(../files/png/triangle.png) left 20px no-repeat;
}
.box-contact p {
 	color: white !important; 
	margin-left:15px;
	padding:0;
}
.box-contact .label3 {
	margin-left: 20px;
	line-height: 19px;

	margin-top: 0px;
}
.box-contact .bt-telecharger {
	margin-right: 17px;
}
.rem {
	float: right;
	padding-right: 1px;
	width: 264px;
	margin-top: 13px;
}
.remcontact {
	float: left;
	margin-top: 13px;
	padding-left: 183px;
	width: 522px;
}


.wpcf7-select.styled {
	color: #555555;
	font-size: 0.750rem; /* 12px */
	position: relative;
	width: 150px;
	z-index: 5;
	opacity: 1;
}

.memoriz {
	float: left;
	margin-top: 16px;
	width: 207px;
}


.cache-slider {
	position: absolute;
	left: 0;
	top: 0px;
	/* width: 40px; */
	height: 342px;
	background: url(../files/png/cache-slider.png) top center no-repeat;
	z-index: 1000;
}

.pagin {
	float: right;
	margin-top: 15px;
	margin-right: 35px;
}

ul#pagin {
	float: right;
	margin-top: 10px;
	margin-right: 10px;
}
ul#pagin li {
	float: left;
	font-size: 0.813rem; /* 13px */
	color: #a7a9ac;
	list-style: none outside none;
	background: none !important;
	padding: 0 !important;
}
ul#pagin li a {
	color: white;
	padding: 0 5px;
}
ul#pagin li.current a {
	color: #a7a9ac;
}

.widget-title {
	display: none;
}

/*
li .details-part li {
	background: url("../files/png/puce2.png") no-repeat left 2px !important;
	color: white;
	font-size: 0.813rem;
	list-style: none outside none;
	padding-left: 15px;
	width: 100% !important;
	padding-bottom: 10px !important;
}
*/
/**********************************************************************/
#box-texte {
	display:inline-block;
	vertical-align:top;
	width: 168px;
	height: 162px;
	margin-top: 8px;
	margin-left: 8px;
}
#box-texte0 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #e5f5fa;
	color: white;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}

#box-texte1 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #f2f8ea;
	color: #80b935;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}
#box-texte1 a {
	color: #80b935;
	text-decoration: none;
	display: block;
}

#box-texte2 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #e5eef4;
	color: #005890;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}
#box-texte2 a {
	color: #005890;
	text-decoration: none;
	display: block;
}

#box-texte3 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #fbeee5;
	color: #da5c00;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}
#box-texte3 a {
	color: #da5c00;
	text-decoration: none;
	display: block;
}

#box-texte4 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #fef7e5;
	color: #f1b000;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}
#box-texte4 a {
	color: #f1b000;
	text-decoration: none;
	display: block;
}

#box-texte5 {
	display:inline-block;
	vertical-align:top;
	width: 128px;
	height: 122px;
	background: #fae5ec;
	color: #cc0048;
	font-size: 0.813rem; /* 13 px */
	padding: 20px;
}
#box-texte5 a {
	color: #cc0048;
	text-decoration: none;
	display: block;
}

/* on home page, remove first bloc-left (news, events) and then resize bloc-center (the block with activity sectors) */
@media screen and (max-width: 1023px) {
#box-left {display:none;}
}
@media screen and (max-width: 420px) {
#box-center {width:300px;}
#box-sante, #box-sante:hover {width: 144px; height: 122px; background-size:100% 100%;}
#box-gouv, #box-gouv:hover {width: 128px; height: 122px; background-size:100% 100%;}
#box-ets, #box-ets:hover {width: 128px; height: 122px; background-size:100% 100%;}
#box-finance, #box-finance:hover {width: 128px; height: 122px; background-size:100% 100%;}
#box-telecom, #box-telecom:hover {width: 128px; height: 122px; background-size:100% 100%;}
#box-texte {	width: 128px; height: 122px;}
#box-texte0,#box-texte1,#box-texte2,#box-texte3,#box-texte4,#box-texte5 {width: 98px; height: 92px;padding:15px; font-size:0.750em;}
}


#text-9 {
	margin-top: 68px;
}
.liens-top img {
	margin: 0px 2px;
}


a.drap img {
	
	border: 0px solid #fff;
}


.memoriser .wpcf7-list-item-label {
	margin-right: 0 !important;
}

.wpcf7-list-item {
	margin: 0 !important;
}

.wpcf7-list-item input {
	margin-left: 0 !important;
	vertical-align: sub;
}

#box-right .wpcf7-list-item-label {
	margin-right: 20px;
}
.box-contact .wpcf7-list-item-label {
	/*margin-right: 20px;*/
}

#box-right .wpcf7{width:240px;}


span.wpcf7-form-control-wrap select {
	width: 150px;
	color:#404040;
	font-size: 0.688rem; /* 11 px */
	height:20px;
}
span.wpcf7-form-control-wrap select  option{
	color:#404040;
}

.box-contact .textearea3 {
	float: left;
	width: 150px;
	max-width: 140px;
	height: 40px;
	background: #fff;
	font-size: 0.688rem; /* 11px */
	color: #404040;
	padding: 5px;
	/*border: 0;*/
}

.box-contact .input3 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0 none;
    color: #404040;
    float: left;
    font-size: 0.688rem; /* 11px */
    height: 19px;
    line-height: 19px;
    margin-bottom: 7px;
   /* padding: 0 5px;*/
    width: 140px;
}
.box-contact span.wpcf7-form-control-wrap{
	position:relative;
	float:left;
}

.box-contact div.selection {
    float: left;
    height: 19px;
    margin-bottom: 9px;
    width: 150px;
}
.box-contact span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    /*color: #FC354C;*/
    font: 14px 'bebas_neueregular';
   /*position: static;*/
   width:144px;
}

#box-right span.wpcf7-not-valid-tip {
   background: none repeat scroll 0 0 transparent;
   border: medium none;
   color: #FC354C;
   font: 11px 'bebas_neueregular';
   position: absolute;
   /*width:144px;*/
   left:0px;
   top:-20px;
}

.box-contact span.wpcf7-not-valid-tip {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FC354C;
    font: 14px 'bebas_neueregular';
    /*position: static;*/
    width:144px;
    position:absolute;
    top:-20px;
    left:0;

}

#box-right .wpcf7-validation-errors{ 
	border: 0;/*2px solid #F7E700;*/
    color: red;
    height: 20px;
    margin-top: 45px;
    padding-bottom: 7px;
    width: 209px;
	float:left;
  }
  
#box-right.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
    margin-top:43px;
	float:left;
	color:#cccccc;
	
}  

.box-contact div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
    margin-top:43px;
	float:left;
	color:#ffffff;
	
}  
.box-contact div.wpcf7-validation-errors {
    border: 2px solid #FFFF00;
    color: red;
    float: left;
    margin-left: 49px;
    size: 12px;
    width: 400px;
    color:#ffffff;
}
    
#box-right  .wpcf7-list-item input{
	
	margin-left: 1px !important;
   /* vertical-align: middle;*/
}

#box-right span.wpcf7-form-control-wrap{
	position:relative;
	float:left;
}   
#box.contact.textearea3.wpcf7-not-valid{
     border: 1px solid #FC354C;
    box-shadow: 0 0px 0px #FC354C inset,0 0 8px #FC354C;
    outline:0 none;
}
textarea.wpcf7-not-valid, 
input.wpcf7-not-valid[type="text"] {
     border: 1px solid #FC354C;
    box-shadow: 0 0px 0px #FC354C inset,0 0 8px #FC354C;
    outline:0 none;
}

select.wpcf7-not-valid [type="selected"] {
     border: 1px solid #FC354C;
    box-shadow: 0 0px 0px #FC354C inset,0 0 8px #FC354C;
    outline:0 none;
}


p.para1{padding:25px 17px 25px 35px;}

.actu-icon{
padding-left:27px;
background: url("../files/png/actu-icon.png") left center no-repeat;
}
.rendez-vous-icon{
padding-left:27px;
background: url("../files/png/rendez-vous-icon.png") left center no-repeat;
}
.cas-client-icon{
padding-left:27px;
background: url("../files/png/cas-client-icon.png") left center no-repeat;
}
.livre-blanc-icon{
padding-left:27px;
background: url("../files/png/livre-blanc-icon.png") left center no-repeat;
}
.document-icon{
padding-left:27px;
background: url("../files/png/document-icon.png") left center no-repeat;
}
.flyer-icon{
padding-left:27px;
background: url("../files/png/flyer-icon.png") left center no-repeat;
}
.video-icon{
padding-left:27px;
background: url("../files/png/video-icon.png") left center no-repeat;
}
.newsletters-icon{
padding-left:27px;
background: url("../files/png/newsletters-icon.png") left center no-repeat;
}
.user-guide-icon{
padding-left:27px;
background: url("../files/png/user-guide-icon.png") left center no-repeat;
}
.training-icon{
padding-left:27px;
background: url("../files/png/training-icon.png") left center no-repeat;
}
.plus-icon{
padding-left:24px;
background: url("../files/png/plus-icon.png") left center no-repeat;
}
.information-icon{
padding-left:27px;
background: url("../files/png/information-icon.png") left center no-repeat;
}
.divers-icon{
padding-left:27px;
background: url("../files/png/divers.png") left center no-repeat;
}
.focus-icon{
padding-left:27px;
background: url("../files/png/focus-icon.png") left center no-repeat;
}
.facebook-icon{
background: url("../files/png/facebook-icon.png") top center no-repeat;
width:26px;
height:26px;
border:0;
float:left;
}
.linked-icon{
background: url("../files/png/linked-icon.png") top center no-repeat;
width:28px;
height:28px;
border:0;
float:left;
}
.rss-icon{
background: url("../files/png/rss-icon.png") top center no-repeat;
width:26px;
height:26px;
border:0;
float:left;
}
.tiret-icone{
float:left;
background: url("../files/png/tiret-icon.png") left center no-repeat;
width:1px;
height:24px;
margin:0 7px;
}
.reseaux-socials-footer{
float:left;
width:110px;
}
.twitterBTt_footer {
	display: inline-block;
	vertical-align:bottom;
	padding-top:7px;
	width:35px;
	height:35px;
	background: url("../files/png/twitter.png") left center no-repeat;
	/* float:left; */
}
.linke_inBTt_footer {
	display: inline-block;
	vertical-align:bottom;
	padding-top:7px;
	width:35px;
	height:35px;
	background: url("../files/png/linked.png") left center no-repeat;
	/* float:left; */
}
.rssBTt_footer {
	display: inline-block;
	vertical-align:bottom;
	padding-top:7px;
	width:35px;
	height:35px;
	background: url("../files/png/rss.png") left center no-repeat;
	/* float:left;*/
}
.reseaux-socials-footer p{
    color: #929292;
    font-size: 0.688rem; /* 11px */
    margin-bottom: 10px;
    text-decoration: none;
}

div.wpcf7-validation-errors{ border:0!important;}

.carrevert + h2{ margin-top:0!important;}
.carrejaune + h2{ margin-top:0!important;}
.carreorange + h2{ margin-top:0!important;}
.carrebleu + h2{ margin-top:0!important;}
.carre + h2{ margin-top:0!important;}
.bloc-telecharge .wpcf7-validation-errors{ color:#fff!important;}
.desc-news{float:left; margin-bottom: 20px;}
.desc-news h2{margin-bottom:10px!important;}


.bloc-telecharge div.wpcf7-mail-sent-ok {
    border: 2px solid #398F14;
    color: #FFFFFF;
    float: left;
}

ul.video {
}
ul.video > li {
	background: url(../files/png/bg-part.png) bottom center no-repeat !important;
	padding-bottom: 25px;
	list-style: none outside none;
	padding-left: 0 !important;
	vertical-align:top;
}

div.video-part{
    display:inline-block;
    text-align: left;
}
div.details-video{
    display:inline-block;
}

/* CSS for WPML language selector menu */
/* remove bullets + put the drop-down menu over the other menu and slider + set width to align the blue arrow + align left */
#lang_sel ul, #lang_sel li {
list-style: none !important;
width: 160px!important;
text-align: left;
}
/* z-index 9999 only on the menu once drop down */ 
#lang_sel ul ul {
visibility: hidden;
position: absolute;
height: 0;
top: 25px;
left: 0;
border-top: 1px solid #cdcdcd;
z-index: 9999 !important;
}
/* no border + text in blue + same font-size as the first line + same height for alignment */
#lang_sel a, #lang_sel a:visited {
border: none !important;
color: white!important;
font-size: 0.875rem!important;
line-height:inherit!important;
}
/* arrow in blue */
#lang_sel a.lang_sel_sel {
    background: url(../files/png/nav-arrow-down.png) #fff right no-repeat!important;
}
/* highlight.js (syntax highlight of xml,cmd... codes) */
pre {
    margin: 0!important;
    font-size: medium!important;
	line-height: 1.3!important;
}
/* smartslider / home page */
@media screen and (max-width: 1024px) { .home_mobile { display: block!important; } .home_desktop { display: none!important; }}
@media screen and (min-width: 1025px) { .home_mobile { display: none!important; } .home_desktop { display: block!important; }}

/* EN */
/*
@media screen and (max-width: 1024px) { #pg-21393-0 { display: block; } #pg-21393-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21393-0 { display: none; } #pg-21393-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21393-3 { display: none; } #pg-21393-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21393-3 { display: block; } #pg-21393-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21393-6 { display: none; } #pg-21393-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21393-6 { display: block; } #pg-21393-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21393-9 { display: none; } #pg-21393-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21393-9 { display: block; } #pg-21393-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21393-11 { display: none; }}
*/

/* FR */
/*
@media screen and (max-width: 1024px) { #pg-21572-0 { display: block; } #pg-21572-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21572-0 { display: none; } #pg-21572-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21572-3 { display: none; } #pg-21572-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21572-3 { display: block; } #pg-21572-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21572-6 { display: none; } #pg-21572-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21572-6 { display: block; } #pg-21572-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21572-9 { display: none; } #pg-21572-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21572-9 { display: block; } #pg-21572-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21572-11 { display: none; }}
*/

/* DE */
/*
@media screen and (max-width: 1024px) { #pg-21609-0 { display: block; } #pg-21609-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21609-0 { display: none; } #pg-21609-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21609-3 { display: none; } #pg-21609-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21609-3 { display: block; } #pg-21609-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21609-6 { display: none; } #pg-21609-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21609-6 { display: block; } #pg-21609-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21609-9 { display: none; } #pg-21609-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21609-9 { display: block; } #pg-21609-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21609-11 { display: none; }}
*/

/* SPAIN */
/*
@media screen and (max-width: 1024px) { #pg-21618-0 { display: block; } #pg-21618-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21618-0 { display: none; } #pg-21618-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21618-3 { display: none; } #pg-21618-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21618-3 { display: block; } #pg-21618-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21618-6 { display: none; } #pg-21618-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21618-6 { display: block; } #pg-21618-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21618-9 { display: none; } #pg-21618-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21618-9 { display: block; } #pg-21618-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21618-11 { display: none; }}
*/

/* CH */
/*
@media screen and (max-width: 1024px) { #pg-21676-0 { display: block; } #pg-21676-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21676-0 { display: none; } #pg-21676-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21676-3 { display: none; } #pg-21676-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21676-3 { display: block; } #pg-21676-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21676-6 { display: none; } #pg-21676-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21676-6 { display: block; } #pg-21676-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21676-9 { display: none; } #pg-21676-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21676-9 { display: block; } #pg-21676-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21676-11 { display: none; }}
*/

/* RU */
/*
@media screen and (max-width: 1024px) { #pg-21681-0 { display: block; } #pg-21681-1 { display: none; }}
@media screen and (min-width: 1025px) { #pg-21681-0 { display: none; } #pg-21681-1 { display: block; }}
@media screen and (max-width: 1024px) { #pg-21681-3 { display: none; } #pg-21681-4 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21681-3 { display: block; } #pg-21681-4 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21681-6 { display: none; } #pg-21681-7 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21681-6 { display: block; } #pg-21681-7 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21681-9 { display: none; } #pg-21681-10 { display: block; }}
@media screen and (min-width: 1025px) { #pg-21681-9 { display: block; } #pg-21681-10 { display: none; }}
@media screen and (max-width: 1024px) { #pg-21681-11 { display: none; }}
*/

div.users-cloud {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/users-cloud-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.users {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/users-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.sso {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/sso-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.settings {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/settings-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.report {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/report-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.lock-web {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/lock-web-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.lock-mfa {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/lock-mfa-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.load-balancing {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/load-balancing-120-3.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.four-eyes {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/4-eyes-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.delegation {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/delegation-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.handshake {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/handshake-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.key {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/key-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.lock {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/lock-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.mobiles {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/mobiles-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.mobile-otp {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/mobile-otp-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.mobile-qrcode {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/mobile-qrcode-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.mobiles {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/mobiles-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.password {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/password-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.productivity {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/productivity-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.shared-account {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/shared-account-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.user-accreditation {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/user-accreditation-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.web-page {
   content:url(/wp-content/themes/evidian/files/picto-new-blue/web-page-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}


div.ampule {
   content:url(/wp-content/themes/evidian/files/picto-blue/ampule-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.footprint {
   content:url(/wp-content/themes/evidian/files/picto-blue/footprint-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.idaas-access-gif {
   content:url(/wp-content/themes/evidian/files/picto-blue/idaas-access-gif-blank.gif);
   width:100%;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
   border-radius: 20px;
}
div.iga-gif {
   content:url(/wp-content/themes/evidian/files/picto-blue/iga-gif-blank.gif);
   width:100%;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
   border-radius: 20px;
}
div.iga-pages-gif {
   content:url(/wp-content/themes/evidian/files/picto-blue/iga-pages-gif-blank.gif);
   width:100%;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
   border-radius: 20px;
}
.mobiles-cloud {
   content:url(/wp-content/themes/evidian/files/picto-blue/mobiles-cloud-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.mobile-check {
   content:url(/wp-content/themes/evidian/files/picto-blue/mobile-check-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.question-mark {
   content:url(/wp-content/themes/evidian/files/picto-blue/question-mark-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.users-three-stars {
   content:url(/wp-content/themes/evidian/files/picto-blue/users-3-stars-120.png);
   width:120px;
   height: 120px;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
}
div.wam-gif {
   content:url(/wp-content/themes/evidian/files/picto-blue/wam-gif-blank.gif);
   width:100%;
   margin: 0 auto;
   padding: 10px 10px 10px 10px;
   border-radius: 20px;
}