﻿/*----------------------------------------------------------
Titre : 4p0.css
Description :CSS globale 4p0
Project: Site 4p0
Author: Expertime

----------------------------------------------------------*/
/* ===================== */
/*       Reset CSS       */
/* ===================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent}
body {font-size: 11px}
ol, ul {list-style: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse;border-spacing: 0}
/* ===================== */
/* Master standard */
/* ===================== */
#s4-bodyContainer {position: relative}
body {height: 100%;overflow: hidden;width: 100%}
.s4-breadcrumb-menu {background: #F2F2F2}
.customLeftNavHolder {float: left;width: 155px}
.customBodyHolder {margin-left: 155px;margin-right: 0;min-height: 324px}
.ms-dialog .customBodyHolder {margin-left: 0 !important;margin-right: 0 !important;min-height: 0 !important;min-width: 0 !important;width: 100% !important}
/* ===================== */
/* Reset standard SP2010 */
/* ===================== */
body.quatre .infoTextComments {color: #fff}
body .ms-assetpicker-main td,body .ms-assetpicker-main {vertical-align: top}
/* ===================== */
/*       Standard        */
/* ===================== */
.cont-alt{display: none}
.exp-clear-both,.qpz-clearboth {clear: both;display: block}
.clr {clear: both;font-size: 0;line-height: 0;border: 0px}
body .description {font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;color: #fff}
body.quatre, #point, #zero, html {height: 100%}
.quatre {background-color: #191923;font-size: 11px;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: 400;color: #fff;height: 100%;margin: 0 auto;padding: 0;overflow: visible}
body.quatre #s4-workspace {background-position: center top;background-image: url('images/fond_4P0.jpg') !important;background-repeat: no-repeat;height:100%}
body #s4-bodyContainer{height: 100%}
.ms-dialog body {height: auto;background-image: none;background-color: #01a5ed;z-index: 1;color: #fff}
#point {height: 100%;z-index: 1;background-image: url('images/bckg_blue_rp_hdot.gif');background-position: left top;background-repeat: repeat-x}
.ms-dialog #point {height: auto}
#zero {background-image: url('images/dot_vert.gif');background-position: 186px top;background-repeat: repeat-y;height: 100%;margin: 0 auto;position: relative;width: 962px}
.ms-dialog #zero {height: auto;background-image: none}
#qpz-ribbon {background-color: #01a5ed;margin: 0 auto;	width: 100%}
#qpz-ribbon #s4-ribbonrow .ms-cui-ribbonTopBars, #qpz-ribbon #s4-ribbonrow .ms-cui-tabContainer {margin: 0 auto}
#qpz-ribbon .ms-cui-topBar2 {border: 0px}
.quatre aqpz-logo img {border: 0;padding-left: 36px}
/* -------------------- */
/* Custom style for RTE */
/* -------------------- */
.qpz-bulleted-List {padding: 5px 0 10px}
.qpz-bulleted-List li {background-image: url("images/puce_rose.gif");background-position: 0 3px;background-repeat: no-repeat;padding-bottom: 5px;padding-left: 7px}
/* ===================== */
/*        Layout         */
/* ===================== */
/* Layout Standard */
.qpz-wp-top {margin-bottom: 11px;background-image: url("images/bg-conteneur.png");background-position: left top;background-repeat: repeat;padding: 9px}
#zero .qpz-wp-top .ms-WPHeader td {border-bottom: 1px solid #b2005c}
.qpz-wp-top .ms-WPHeader td h3 {padding-left: 8px;padding-top: 10px}
#zero .qpz-wp-top .ms-WPHeader td h3 span {color: #b2005c;font-size: 18px;font-weight: 400}
.qpz-wp-center > table {margin-bottom: 11px}
.qpz-wp-left {float: left;width: 382px;margin-right: 5px}
.qpz-wp-left > table {margin-bottom: 11px}
.qpz-wp-left.qpz-zonealt {clear: left}
.qpz-wp-right {float: right;margin-left: 5px;width: 382px}
.qpz-wp-right > table {margin-bottom: 11px}
.qpz-wp-right.qpz-zonealt {clear: right}
.welcome:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
/* Layout Article */
.qpz-layout-article .qpz-wp-top-left {width: 566px;display: inline-block;margin-right: 12px;background-image: url("images/bg-conteneur.png");background-position: left top;background-repeat: repeat;margin-bottom: 11px;float: left;padding: 9px}
.qpz-layout-article.qpz-simple .qpz-wp-top-left {width: auto;margin-right: 0;float: none}
.qpz-layout-article .qpz-wp-top-left .qpz-article {border: 1px solid #FFFFFF;padding: 9px 9px 50px;height: auto!important}
.qpz-wp-top-left .qpz-article .date-line {color: #333333;font-size: 11px;padding-bottom: 9px;margin: 5px 0}
.qpz-wp-top-left .qpz-article .date-line .addthis_toolbox .addthis_button_compact {line-height: 16px}
.qpz-wp-top-left .qpz-article .titre {color: #B2005C;font-size: 18px;padding-bottom: 10px}
.qpz-wp-top-left .qpz-article .chapeau {color: #333;font-weight: 900;padding-bottom: 5px}
.qpz-wp-top-left .qpz-article .image {float: left}
.qpz-wp-top-left .qpz-article .image img {margin: 10px 15px 6px 0}
.qpz-wp-top-left .qpz-article .article-content {color: #333;margin: 0;padding-top: 0px}
.qpz-wp-top-left .qpz-article .article-content * {font-family: verdana, sans-serif !important}
.qpz-layout-article .qpz-wp-top-right {display: inline-block;margin-bottom: 11px;vertical-align: top;width: 179px;background-image: url("images/bckg_opac.png");background-repeat: repeat}
.qpz-layout-article .qpz-wp-top-right .ms-WPHeader td {background-color :#000}
.qpz-layout-article .qpz-wp-top-right .ms-WPHeader td h3 {color: #5BB8FF;display: inline-block;font-family: verdana,Arial,sans-serif;font-size: 8px;font-weight: 900;height: 11px;padding-bottom: 0;padding-left: 8px;padding-top: 5px}
#zero .qpz-layout-article .qpz-wp-top-right .ms-WPHeader td h3 span {color: #5BB8FF}
/* Asymetric row */
.qpz-wp-left.exp-asymetric {width: 281px}
.qpz-wp-right.exp-asymetric {width: 483px}
/*-----------------------------------------------------------------------------*/
/*------------------------------------HEADER-----------------------------------*/
/*-----------------------------------------------------------------------------*/
body.quatre .qpz-header {height: 69px;position: relative}
body.quatre .qpz-logo {padding-left: 33px}
.qpz-baseline {font-size: 11px;left: 205px;position: absolute;top: 38px}
.qpz-twitter {background-color: transparent;background-image: url('images/twitty-selected.png');background-position: left bottom;background-repeat: no-repeat;bottom: -3px;color: #FFFFFF !important;display: block;height: 18px;left: 776px;position: absolute;text-indent: -3000px;width: 18px;z-index: 1001}
.qpz-twitter:hover {height: 42px;width: 59px}
.qpz-languages {bottom: 1px;position: absolute;right: 5px;display: none}
.qpz-languages li {float: left;margin-right: 6px}
.qpz-languages a, .qpz-languages a:link, .qpz-languages a:visited, .qpz-languages a:hover {display: block;font-size: 8px;height: 7px;padding: 3px 6px}
.qpz-languages .qpz-lang1 {color: #000;background-color: #fff}
.qpz-languages .qpz-lang2 {color: #fff;background-color: #0184be}
/*-----------------------------------------------------------------------------*/
/*------------------------------------TOPNAV-----------------------------------*/
/*-----------------------------------------------------------------------------*/
body.quatre .menu-horizontal .menu-item-text {white-space: pre-wrap;}
body.quatre .qpz-topnav {background-color: transparent;margin-left: 186px;height: 32px;position: relative;z-index: 1001}
body.quatre .qpz-topnav .menu-item{	background-color: #FFFFFF;background-image: url("images/topnav-lv1-noselected.gif");background-position: 1px 0;background-repeat: no-repeat;border: 0 none;color: #000000;font-size: 1em;height: 16px;margin-right: 3px;padding: 3px 10px 0 18px;text-transform: uppercase;//display:block}
.qpz-topnav .qpz-megamenu > a.menu-item,.qpz-topnav .qpz-megamenu > a.menu-item span {cursor: default !important}
body.quatre .qpz-topnav .menu-item:hover, body.quatre .qpz-topnav .hover > a {	color: #fff;background-color: #ff0084;background-image: url('images/topnav-lv1.gif');background-position: left top;background-repeat: no-repeat;text-decoration: none;padding-bottom: 1px}
body.quatre .qpz-topnav .menu-item:hover, body.quatre .qpz-topnav a.selected, body.quatre .qpz-topnav .hover > a {color: #fff;background-color: #ff0084;background-image: url('images/topnav-lv1.gif');background-position: left top;background-repeat: no-repeat;text-decoration: none;padding-bottom: 1px}
body.quatre .qpz-topnav ul.static > .static.hover > a {	//color: #fff;//background-color: #ff0084;//background-image: url('images/topnav-lv1.gif');//background-position: left top;//background-repeat: no-repeat;//text-decoration: none}
body.quatre .qpz-topnav .menu-item.qpz-nosub:hover, body.quatre .qpz-topnav .hover > a.qpz-nosub {background-image:url('images/topnav-lv1-nosub-selected.gif')}
body.quatre .menu span.dynamic, body.quatre .menu a.dynamic {min-width: 20px}
body.quatre .qpz-topnav ul.dynamic {background-color: #333333;border: 0 none;display: none;left: -13px !important;margin-left: 13px;padding: 5px 0;position: absolute;z-index: 100}
body.quatre .qpz-topnav .menu > ul.static > li.static > a {display: none}
body.quatre .qpz-topnav .hover ul.dynamic, body.quatre .qpz-topnav .hover-off ul.dynamic {display: block}
body.quatre .qpz-topnav ul.dynamic li {padding: 0}
body.quatre .qpz-topnav .menu-horizontal a.dynamic-children span.additional-background, body.quatre .qpz-topnav .menu-horizontal span.dynamic-children span.additional-background {padding: 0px;background-image: none}
body.quatre .qpz-topnav .dynamic .menu-item {background-color:transparent;background-image:url("images/topnav-lv3.gif");background-position:14px top;color:#FFFFFF;height:auto;margin:0;padding:2px 17px 4px 34px;text-transform:none}
body.quatre .qpz-topnav li.dynamic:first-child .menu-item {border: 0}
body.quatre .qpz-topnav li.dynamic .menu-item:hover, body.quatre .qpz-topnav li.dynamic a.selected {background-image: url("images/topnav-lv3-selected.gif");color: #ff0084}
/* LVL3 */
.menu-horizontal li.static.qpz-megamenu {position: static}
li.static.qpz-megamenu > ul.dynamic {background: none repeat scroll 0 0 #333333;border: 0 none;left: -12px !important;padding: 8px 7px 0;top: 20px !important;width: 761px}
li.static.qpz-megamenu > ul.dynamic > li {border: 0 none;float: left;height: 130px;margin: 0 4px 15px;width: 182px}
li.static.qpz-megamenu > ul.dynamic ul.dynamic {border-top: 1px dotted #666;display: block !important;left: 0px !important;margin: 0;padding: 0;position: static !important}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li {border: 0;padding: 0} 
/* */
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-0 {background: transparent url('images/ergonomie.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-1 {background: transparent url('images/design.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-2 {background: transparent url('images/integration.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-3 {background: transparent url('images/rich-media.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-4 {background: transparent url('images/stats.png') no-repeat left -1px} 
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-5 {background: transparent url('images/e-crm.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-6 {background: transparent url('images/social.png') no-repeat left -1px}
body.quatre .qpz-topnav li.static.qpz-megamenu ul.dynamic li.item-mega-7 {background: transparent url('images/seo.png') no-repeat left -1px}
/* */
body.quatre .qpz-topnav li.static.qpz-megamenu > ul.dynamic > li > .menu-item {background-color: transparent !important;background-image: none;border-left: 1px dotted #666;color: #01A5ED !important;cursor: default;margin-bottom: 2px;margin-left: 26px;padding: 5px 0 1px 8px}
body.quatre .qpz-topnav li.static.qpz-megamenu > ul.dynamic > li > .menu-item span {cursor: default}
body.quatre .qpz-topnav ul.dynamic ul.dynamic .menu-item {background: transparent background-image: url("images/topnav-lv3.gif") no-repeat 14px top;color: #fff;height: auto;padding-bottom: 4px;padding-left: 34px;padding-top: 3px;text-transform: none;display:block;white-space:normal}
body.quatre .qpz-topnav ul.dynamic ul.dynamic .menu-item:hover {background-image: url("images/topnav-lv3-selected.gif");color: #ff0084}
.menu .menu-item, .menu .menu-item .additional-background,.menu .menu-item .additional-background .menu-item-text{white-space:normal}

/*-----------------------------------------------------------------------------*/
/*----------------------------------MENU GAUCHE--------------------------------*/
/*-----------------------------------------------------------------------------*/
#zero .qpz-menu-gauche {float: left;margin-bottom: 10px;padding-left: 1px;width: 178px}
#zero .qpz-menu-gauche .main-menu {margin-top: 0px;width: 178px}
#zero .qpz-menu-gauche .main-menu .nav1 {margin-top: 2px;padding: 0px;width: 178px}
#zero .qpz-menu-gauche .main-menu .nav1 > span {background-color: #fff;color: #000;display: inline-block;height: 12px;padding-left: 5px;padding-top: 0px;text-decoration: none;width: 173px}
#zero .qpz-menu-gauche .main-menu .nav1 span.nav1_selected {background-color: #01a2f0;background-image: url('images/selected.gif');background-position: 0 0;background-repeat: no-repeat;padding-left: 14px;width: 164px}
#zero .qpz-menu-gauche .main-menu .nav1 span.nav1_selected a {color: #fff;font-family: verdana, Arial, sans-serif;font-size: 8px}
#zero .qpz-menu-gauche .main-menu .nav1 a, #zero .qpz-menu-gauche .main-menu .nav1 a:link, #zero .qpz-menu-gauche .main-menu .nav1 a:visited {text-decoration: none;color: #000;font-family: verdana, Arial, sans-serif;font-size: 8px}
#zero .qpz-menu-gauche .main-menu .nav2 {margin-top: 2px;background: transparent url('images/bckg_opac.png') repeat 0 0;display: inline-block;height: 12px;padding: 0px;width: 100%}
#zero .qpz-menu-gauche .main-menu .nav2 span {background: transparent url('images/chevron-not-selected.gif') no-repeat 0 0;display: inline-block;height: 12px;padding-left: 12px;width: 166px}
#zero .qpz-menu-gauche .main-menu .nav2 span.nav2_selected {background: transparent url('images/chevron-selected.gif') no-repeat 0 0;display: inline-block;height: 12px;padding-left: 12px;width: 166px}
#zero .qpz-menu-gauche .main-menu .nav2 a, #zero .qpz-menu-gauche .main-menu .nav2 a:link, #zero .qpz-menu-gauche .main-menu .nav2 a:visited {display: inline-block;text-decoration: none;color: #01a2f0;padding-left: 2px}
#zero .qpz-menu-gauche .main-menu .nav2 .nav2_selected a, #zero .qpz-menu-gauche .main-menu .nav2 .nav2_selected a:link, #zero .qpz-menu-gauche .main-menu .nav2 .nav2_selected a:visited {text-decoration: none;color:  #fff;display: inline-block}
#zero .qpz-menu-gauche .main-menu .nav2 a:hover {color: #fff}
#zero .qpz-menu-gauche .main-menu .menu-item {background-color: #3a3a3a;color: #fff;position: relative;margin-bottom: 6px}
#zero .qpz-menu-gauche .main-menu .menu-item img {margin-right: 58px;vertical-align: middle}
#zero .qpz-menu-gauche .main-menu .menu-item .qpz-interact {background-color: #fff;color: #000;display: none;font-size: 12px;font-weight: 400;height: 11px;left: 0;padding: 3px 0 1px 6px;position: absolute;top: 0;width: 172px;z-index: 1001}
#zero .qpz-menu-gauche .main-menu .menu-item:hover .qpz-interact {display: block}
#zero .qpz-menu-gauche .main-menu .menu-item a, #zero .qpz-menu-gauche .main-menu .menu-item a:link, #zero .qpz-menu-gauche .main-menu .menu-item a:visited, #zero .qpz-menu-gauche .main-menu .menu-item a:hover {color: #fff;display: block;font-family: verdana,Arial,sans-serif;font-size:10px;font-weight: 400;padding: 5px;text-decoration: none;vertical-align: top}
#zero .qpz-menu-gauche .sous-menu {background: transparent url('images/bckg_opac.png') repeat 0 0;font-family: Verdana, Arial, sans-serif;font-size: 11px;height: 93px;margin-bottom: 2px;position: relative;width: 178px}
#zero .qpz-menu-gauche h6 {background-color: #000;color: #5bb8ff;display: inline-block;font-family: verdana,Arial, sans-serif;font-size: 8px;font-weight: 900;height: 11px;width: 170px;padding-left: 8px;padding-top: 2px}
#zero .qpz-menu-gauche p,#zero .qpz-menu-gauche a.qpz-actu-extrait {background-image: url('images/puce_rose.gif');background-position: 6px 6px;background-repeat: no-repeat;font-family: Verdana, Arial, sans-serif;font-size: 11px;font-weight: 400;color: #fff;height: 60px;padding: 5px;text-indent: 10px}
#zero .qpz-menu-gauche a.plus {background: transparent url('images/qpz-plus.gif') no-repeat left top;display: inline-block;padding: 5px;position: absolute;bottom: 0px;right: 0px}
#zero .qpz-menu-gauche span.plus a:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
/* === LeftNav === */
.qpz-menu-gauche .root {margin-bottom: 10px;background-color: #E0E0E0}
.qpz-menu-gauche .root > li > a,.qpz-menu-gauche .root > li > a:link,.qpz-menu-gauche .root > li > a:visited,.qpz-menu-gauche .root > li > a:hover {background-color: #333;color: #fff;cursor:default;display: block;font-family: verdana,Arial,sans-serif;font-size: 10px;font-weight: 900;height: 16px;padding: 3px 0 0 6px}
.qpz-menu-gauche .root > li > a span.menu-item-text{cursor:default}
.qpz-menu-gauche .root > li > ul.static {border: 1px solid #ff0084;border-top: 0;background-color: #fff;padding: 8px 0}
/**/
.qpz-menu-gauche .root ul.static {background-color: #fff;border-bottom: 1px dotted #ccc;padding-bottom: 2px;padding-left: 12px}
.qpz-menu-gauche .root > li > ul.static > li > a,.qpz-menu-gauche .root > li > ul.static > li > a:link,.qpz-menu-gauche .root > li > ul.static > li > a:visited,.qpz-menu-gauche .root > li > ul.static > li > a:hover {background: #E0E0E0 url("images/leftnav-lv1.gif") no-repeat left 2px;border-bottom: 1px dotted #ccc;color: #000;padding: 3px 5px 3px 19px;text-transform: uppercase}
.qpz-menu-gauche .root > li > ul.static > li > a:hover,.qpz-menu-gauche .root > li > ul.static > li.selected > a {background: #FF0084 url("images/topnav-lv1.gif") no-repeat left top;border: 0;padding-bottom: 4px;color: #fff}
.qpz-menu-gauche .root ul ul{display:none}
.qpz-menu-gauche .root ul li.selected ul{display:block}
/**/
.qpz-menu-gauche ul.root ul ul li {border-left: 1px dotted #ccc}
.qpz-menu-gauche .root ul.static ul.static a,.qpz-menu-gauche .root ul.static ul.static a:link,.qpz-menu-gauche .root ul.static ul.static a:visited,.qpz-menu-gauche .root ul.static ul.static a:hover {background: transparent url("images/chevron-noir3.gif") no-repeat 5px 7px;color: #000;padding: 3px 5px 3px 14px}
.qpz-menu-gauche .root ul.static ul.static a:hover,.qpz-menu-gauche .root ul.static ul.static a.selected {background-image: url("images/chevron-rose3.gif");color: #ff0084}
/*-----------------------------------------------------------------------------*/
/*-----------------------------PARTIE DROITE-----------------------------------*/
/*-----------------------------------------------------------------------------*/
#zero .qpz-droite {float: left;margin-left: 0;padding-left: 8px;position: relative;width: 775px;zoom: 1}
#zero .welcome-content {display: none}
#zero .qpz-droite .splash-image {display: none}
#zero .qpz-droite div.welcome {padding: 0; position: relative}
#zero .qpz-droite div.welcome .edit-mode-panel .ms-formfieldcontainer {float: left}
#zero .qpz-droite table table {height: 100%}
#zero .qpz-droite td {vertical-align: top}
.qpz-content-container {clear:both}
#zero #MSOTlPn_MainTD {width: 0px!important}
#zero .ms-ToolPaneOuter {position: absolute;top: 39px}
/* ======================== */
div.qpz-metiers {position:relative}
ul.qpz-metiers {list-style: none;overflow:hidden;padding-bottom:16px;position:relative}
.qpz-metiers li {margin-right: 5px;display: inline}
.qpz-metiers a {display: inline-block;margin-bottom: 10px}
.qpz-metiers img {border:0}
.qpz-metiers span {background-color:#333333;bottom:2px;color:#FF0084;display:block;font-weight:900;height:13px;left:600px;overflow:hidden;padding:2px 8px;position:absolute}

/* ======================== */
/* === Webpart allactus === */
/* ======================== */
.qpz-allactus {padding:20px 9px 9px}
 .qpz-allactus h3 {display:none}
.qpz-allactus .qpz-item {padding:9px 0 10px;clear:both}
.qpz-allactus .qpz-item img {width:107px;max-height:60px;margin-right:5px;display:block}
.qpz-menu-gauche .qpz-allactus .qpz-item img {width:179px;margin:-5px -6px 10px}
.qpz-wp-top .qpz-allactus .qpz-item img {display:inline-block;float:left}
.qpz-allactus .qpz-item ul {display:inline-block;max-width:530px;vertical-align:top}
.qpz-menu-gauche .qpz-allactus .qpz-item ul {margin-bottom:13px;//margin-bottom:9px}
.qpz-allactus .qpz-item li {color:#333;margin-bottom:4px}
.qpz-allactus .qpz-item li.qpz-dda {}
.qpz-allactus .qpz-item li.qpz-titre a,.qpz-allactus .qpz-item li.qpz-titre a:link,.qpz-allactus .qpz-item li.qpz-titre a:visited,.qpz-allactus .qpz-item li.qpz-titre a:hover {font-weight:900;color:#b2005c}
.qpz-allactus .qpz-item li.qpz-chapeau {margin-bottom:6px}
.qpz-allactus .qpz-item li.qpz-lien a,.qpz-allactus .qpz-item li.qpz-lien a:link,.qpz-allactus .qpz-item li.qpz-lien a:visited,.qpz-allactus .qpz-item li.qpz-lien a:hover{background-image:url("images/bg-voiractu.png");background-position:left top;background-repeat:no-repeat;color:#0099FF;display:inline-block;font-size:8px;padding:3px 17px 3px 18px;text-decoration:none}
.qpz-allactus .qpz-item li.qpz-lien a:hover {color:#fff;background-image:url("images/bg-voiractu-hover.png")}
.qpz-allactus > a {display:none}
.qpz-allactus #qpz-pager {background-image:url("images/bg-pointfilet.gif");background-position:left top;background-repeat:repeat-x;padding:10px 0 0;text-align:right}
.qpz-allactus #qpz-pager a,.qpz-allactus #qpz-pager a:link,.qpz-allactus #qpz-pager a:visited,.qpz-allactus #qpz-pager a:hover {color:#000000;display:none;cursor:text;text-decoration:none}
.qpz-allactus #qpz-pager a.qpz-pager-prev,.qpz-allactus #qpz-pager a.qpz-pager-next {display:inline;cursor:pointer;background-position:left top;background-repeat:no-repeat;width:0px;display:inline-block;padding-left:15px;overflow:hidden;height:15px}
.qpz-allactus #qpz-pager a.qpz-pager-prev {background-image:url("images/btn-pager-prev.png");margin-right:5px;display:inline-block}
.qpz-allactus #qpz-pager a.qpz-pager-next {background-image:url("images/btn-pager-next.png");margin-left:5px;display:inline-block}
.qpz-allactus #qpz-pager a.highlight{display:inline-block;padding-top:2px;vertical-align:top}
.qpz-allactus #qpz-pager .qpz-pager-nb-item{color:#000000;display:inline-block;padding-top:2px;vertical-align:top}
/** Affichage menu gauche **/
.qpz-menu-gauche .qpz-allactus{background-image:url("images/bckg_opac.png");background-repeat:repeat;margin-bottom:2px;padding:0 0 10px;margin-bottom:11px;position:relative;//zoom:1}
.qpz-menu-gauche .ms-WPBody .qpz-allactus{position:static;margin-bottom:0}
.qpz-menu-gauche .qpz-zone-actus .ms-WPBody .qpz-allactus{margin-bottom:11px;position:relative;//position:static}
.qpz-menu-gauche .ms-WPHeader td{background-color:#000000;color:#FFFFFF;font-family:verdana,Arial,sans-serif;font-size:10px;font-weight:900;height:16px;padding:3px 0 0 6px;//zoom:1}
.qpz-menu-gauche .ms-WPHeader td h3{color:#FFFFFF;display:block;font-family:verdana,Arial,sans-serif;font-size:10px;font-weight:900;height:16px;padding:0}
.qpz-menu-gauche .qpz-allactus h3{background-color:#000000;color:#FFFFFF;display:block;font-family:verdana,Arial,sans-serif;font-size:10px;font-weight:900;height:16px;padding:3px 0 0 6px;//zoom:1}
.qpz-menu-gauche .qpz-allactus .qpz-item{padding:5px 6px 4px;//zoom:1}
.qpz-menu-gauche .qpz-allactus .qpz-item li{color:#fff;margin-bottom:2px;//zoom:1}
.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-titre a,.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-titre a:link,.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-titre a:visited,.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-titre a:hover{color:#fff}
.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-dda{background-image:url("images/puce_rose.gif");background-position:0 2px;background-repeat:no-repeat;padding-left:7px}
.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-chapeau,.qpz-menu-gauche .qpz-allactus .qpz-item li.qpz-lien{display:none}
.qpz-menu-gauche .qpz-allactus > a{background-image:url("images/qpz-plus.gif");background-position:left top;background-repeat:no-repeat;bottom:0;display:block;height:10px;overflow:hidden;padding-left:10px;position:absolute;right:0;width:0}
.qpz-menu-gauche .qpz-zone-actus .qpz-allactus > a{//margin-bottom:-10px;//margin-left:168px;//position:static;//text-indent:-3000em}
/** Affichage layout article **/
.qpz-layout-article .qpz-wp-top-right .qpz-allactus{padding:0}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus > a,.qpz-layout-article .qpz-wp-top-right .qpz-allactus > a:link,.qpz-layout-article .qpz-wp-top-right .qpz-allactus > a:visited,.qpz-layout-article .qpz-wp-top-right .qpz-allactus > a:hover{background-image:url("images/puce-chevron-indigo9.gif");background-position:left 3px;background-repeat:no-repeat;color:#5BB8FF;display:inline-block;font-size:11px;font-weight:900;padding:1px 0 1px 14px;text-decoration:none}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item{padding:0}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item img{height:42px;max-width:63px}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item ul{display:block;padding:5px 0 12px}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li{color:#fff;margin:0}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-titre a,.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-titre a:link,.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-titre a:visited,.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-titre a:hover{background-image:url("images/puce-chevron-indigo9.gif");background-position:left 3px;background-repeat:no-repeat;color:#5BB8FF;display:inline-block;font-size:11px;font-weight:900;padding:1px 0 1px 14px;text-decoration:none}
.qpz-wp-top-right #allactus > a{display:none}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-chapeau{line-height:12px;max-height:37px;overflow:hidden}
.qpz-layout-article .qpz-wp-top-right .qpz-allactus .qpz-item li.qpz-lien{display:none}
/* =============================== */
/* ===   Webpart page Clients  === */
/* =============================== */
.qpz-pageclients{background:transparent url("images/bg-schema.png") repeat left top;border:1px solid #FFFFFF;color:#000000;padding:20px 20px 10px 30px}
.qpz-pageclients h1 {color:#0078B2;font-size:24px;font-weight:900;margin-left:3px;padding-bottom:6px}
.qpz-mosaique-client{float:left;margin:4px;cursor:pointer}
.qpz-mosaique-client-item{width:131px;height:99px;position:relative}
.qpz-flip,.qpz-flipdata{position:absolute;left:0;top:0;width:100%;height:100%;background:url("images/bg-shadow-mosaique.png") no-repeat left top transparent}
.qpz-flip img{margin:4px}
.qpz-flipdata{display:none}
.qpz-description{color:#666666;display:block;font-size:11px;font-weight:900;padding-left:14px;padding-top:27px}
.qpz-flipdata a,.qpz-flipdata a:link,.qpz-flipdata a:visited,.qpz-flipdata a:hover{color:#b2005c;display:block;font-size:11px;font-weight:900;padding-left:14px}
.qpz-technique{color:#b2005c;display:block;font-size:11px;font-style:italic;padding-left:14px}
/* =============================== */
/* ===   Webpart page Client  === */
/* =============================== */
.qpz-pageclient{float:left;padding-top:4px;width:579px}
.qpz-pageclient .qpz-button,.qpz-pageclient a.qpz-button:link,.qpz-pageclient a.qpz-button:visited,.qpz-pageclient .qpz-button:hover,.qpz-navclients a.qpz-backlist,.qpz-navclients a.qpz-backlist:link,.qpz-navclients a.qpz-backlist:visited,.qpz-navclients a.qpz-backlist:hover{background-color:#FFFFFF;background-image:url("images/btn_off.gif");background-position:left top;background-repeat:no-repeat;color:#00A3F1;margin-left:31px;min-width:64px;padding:0 5px 0 16px;text-decoration:none}
.qpz-navclients a.qpz-backlist,.qpz-navclients a.qpz-backlist:link,.qpz-navclients a.qpz-backlist:visited,.qpz-navclients a.qpz-backlist:hover{margin-left:14px}
.qpz-pageclient .qpz-button:hover,
.qpz-pageclient a.qpz-button:hover,
.qpz-navclients a.qpz-backlist:hover{background-color:#00a3f1;background-image:url("images/btn_on.gif");color:#fff}
.qpz-pageclient .qpz-slider{background:transparent url("images/bg-shadow-client.png") no-repeat 0 0;margin-bottom:12px;padding:4px;width:571px;position:relative}
.qpz-slider #slider1{height:423px}
.ms-rtestate-write .qpz-slider #slider1{overflow:hidden}
.qpz-pageclient .nivo-controlNav{bottom:-28px;position:absolute;right:25px}
.qpz-pageclient .nivo-controlNav a,.qpz-pageclient .nivo-controlNav a:link,.qpz-pageclient .nivo-controlNav a:visited,.qpz-pageclient .nivo-controlNav a:hover{background:transparent url("images/btn-sliderclient.png") no-repeat 0 1px;display:block;float:left;margin-left:3px;text-indent:-9999px;width:22px;height:22px}
.qpz-pageclient .nivo-controlNav a.active,.qpz-pageclient .nivo-controlNav a:hover{background-position:0 -24px}
.qpz-clientinfos{background-color:#fff;bottom:4px;color:#333333;display:none;margin:0;opacity:0.9;filter:alpha(opacity=90);padding:15px 12px;position:absolute;width:547px;z-index:51}
.qpz-clientinfos h2{color:#b2005c;font-size:14px;font-weight:900;padding-top:3px}
.qpz-clientinfos h3{color:#B2005C;font-size:11px;font-weight:900;padding-top:13px}
.qpz-clientinfos li{background-image:url("images/puce-rose9.gif");background-position:left 4px;background-repeat:no-repeat;padding-left:12px;padding-top:2px}
.qpz-navclients{float:left;width:126px}
.qpz-navclients .qpz-button{background:transparent url('images/btn-updown-sliderclient.png') no-repeat 0 0;display:block;height:37px;margin:0 auto;width:37px}
.qpz-navclients .qpz-button.up{background-position:center -3px}
.qpz-navclients .qpz-button.up:hover{background-position:center -42px}
.qpz-navclients .qpz-button.down{background-position:center -120px;margin-bottom:22px}
.qpz-navclients .qpz-button.down:hover{background-position:center -81px}
.qpz-navcontainer{height:430px;margin-bottom:2px;overflow:hidden;padding:2px 11px}
.qpz-navclients ul li{height:72px}
.qpz-navclients ul a,.qpz-navclients ul a:link,.qpz-navclients ul a:visited,.qpz-navclients ul a:hover{background:transparent url("/style%20library/quatrepointzero/images/bg-shadow-clientminiature.png") no-repeat 0 0 ;height:71px;padding:1px 1px 0;width:106px}
.qpz-navclients ul img{border:3px solid transparent;height:63px;width:98px}
.qpz-navclients ul a:hover img{border-color:#e60099}
/* =============================== */
/* ===   Webpart pages métier  === */
/* =============================== */
.qpz-pagemetier{background-color:transparent;background-image:url("images/bg-schema.png");background-position:left top;background-repeat:repeat;border:1px solid #fff;color:#000000;padding:5px 10px 5px 7px;position:relative}
.qpz-pagemetier h1{color:#0078b2;font-size:36px;font-weight:900;margin-left:35px}
.qpz-fichemetier{background:transparent none no-repeat left -50px;padding:0 0 20px}
.qpz-pagemetier .qpz-accroche{color:#006696;display:block;margin:0 35px 0 168px;font-size:18px;padding-bottom:20px}
.qpz-pagemetier h2,.qpz-pagemetier h3{color:#B2005C;font-size:12px;font-weight:900;margin:0 35px 4px 168px;padding-top:10px}
.qpz-pagemetier h2.qpz-titre-descriptif{font-size:14px;padding-top:0}
.qpz-pagemetier p{margin:0 35px 0 168px;padding-bottom:10px}
.qpz-pagemetier .qpz-listemetier{margin-left:168px;padding-bottom:10px}
.qpz-pagemetier .qpz-listemetier li{background-image:url("images/puce-bleu9.gif");background-position:left 4px;background-repeat:no-repeat;padding-left:15px;padding-top:2px}
.qpz-pagemetier .qpz-listemetier li strong{display:block}
.qpz-pagemetier .qpz-leplus{background-image:url("images/bg-leplusmetier.png");background-position:right top;background-repeat:repeat-y;margin-bottom:10px}
.qpz-pagemetier .qpz-references{margin:8px 35px 0 168px}
.qpz-pagemetier .qpz-references li{padding-left:13px;float:left}
.qpz-pagemetier .qpz-references li:first-child{padding-left:0}
.qpz-pagemetier .qpz-references img{display:block;margin-bottom:2px}
.qpz-pagemetier .qpz-references a,
.qpz-pagemetier .qpz-references a:link,.qpz-pagemetier .qpz-references a:visited,.qpz-pagemetier .qpz-references a:hover{background-color:#FFFFFF;background-image:url("images/btn_off.gif");background-position:left top;background-repeat:no-repeat;color:#00A3F1;margin-left:2px;min-width:64px;padding:0 5px 0 16px;text-decoration:none}
.qpz-pagemetier .qpz-references a:hover{background-color:#00a3f1;background-image:url("images/btn_on.gif");color:#fff}
/**/
.qpz-ergonomie{background-image:url('images/illu-ergo.png');padding-top:5px}
.qpz-creation{background-image:url('images/illu-crea.png');padding-top:5px}
.qpz-integration{background-image:url('images/illu-integration.png');padding-top:5px}
.qpz-richmedia{background-image:url('images/illu-richmedia.png');padding-top:5px}
.qpz-stats{background-image:url('images/illu-stats.png');padding-top:5px}
.qpz-market{background-image:url('images/illu-ECRM.png');padding-top:5px}
.qpz-media,.qpz-social{background-image:url('images/illu-socialmedia.png');padding-top:5px}

/* =============================== */
/* === Webpart slide expertise === */
/* =============================== */
.qpz-slide-expertise {background-color: transparent;background-image: url('images/bg-schema.png');background-position: left top;background-repeat: repeat;position: relative;padding: 5px 8px 5px 5px;//zoom:1}
#zero .qpz-droite .qpz-slide-expertise:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
.qpz-slide-expertise h1 {color: #9FC3D6;font-size: 36px;font-weight: 400;padding-left: 95px;background-image: url('images/bg-slide-expertise.gif');background-position: 643px top;background-repeat: no-repeat}
.qpz-slide-expertise h2 {color: #b2005c;font-size: 22px;font-weight: 400;width: 182px;float: left;padding-right: 28px;margin-top: 33px;text-align: right}
.qpz-slide-expertise span.exp-slide-verbes {color: #007aaf;font-size: 16px;display: block;padding-left: 150px;font-weight: 400;background-image: url('images/bg-slide-expertise.gif');background-position: 643px top;background-repeat: no-repeat}
.qpz-slide-expertise ul {float: left;height: 1%;padding: 15px 0;width: 434px;background-image: url('images/bg-slide-expertise.gif');background-position: right bottom;background-repeat: no-repeat}
.qpz-slide-expertise li {color: #b2005c;font-size: 16px;font-weight: 400;padding-left: 15px;background-image: url('images/puce-bleu9.gif');background-position: left 6px;background-repeat: no-repeat}
.qpz-slide-expertise .exp-cas-pratique {background:trasnparent url('images/btn-caspratique.gif') no-repeat left top;bottom: 6px;color: #333333;display: block;padding: 9px 0 0 5px;position: absolute;right: 6px;width:94px;text-decoration: none}
.qpz-slide-expertise .exp-cas-pratique span {text-decoration: none;background: transparent url('images/bg-slide-cas-pratique.png') no-repeat left bottom;display: block;text-align: right;color: #333;font-family: Verdana, Arial, Sans-serif;font-size: 11px;padding: 0 7px 4px}
/* ================== */
/*   WEBPART ENAVANT  */
/* ================== */
.qpz-webpart-enavant {color: #fff;font-family: Verdana, arial, sans-serif;font-size: 11px;font-weight: 400}
.qpz-webpart-enavant li{padding-top:10px}
.qpz-webpart-enavant li:first-child{padding-top:0}
.qpz-webpart-enavant li span{display:block;font-weight:900}
.qpz-webpart-enavant a,.qpz-webpart-enavant a:link,.qpz-webpart-enavant a:visited, .qpz-webpart-enavant a:hover {background-color:transparent;background-image:url("images/puce-chevron-bleu9.gif");background-position:left 1px;background-repeat:no-repeat;color:#01A2F0;display:inline-block;font-family:verdana,Arial,sans-serif;font-size:9px;height:9px;margin:3px 0;padding:0 4px 2px 13px;text-decoration:none}
.qpz-webpart-enavant a:hover,.qpz-webpart-enavant a.qpz-selected {background-image: url('images/puce-chevron-blanc9.gif');color: #fff;font-weight:900;background-color: #B2005C;text-decoration: none}
/* ============================== */
/*   WEBPART Stratégie en détail  */
/* ============================== */
.qpz-paragraphe-image{display:inline-block;//float:left;margin-top:10px;font-weight:900;vertical-align:top;width:180px}
.qpz-paragraphe-image .qpz-evo-web {padding-top: 12px;cursor: pointer;display: block}
.qpz-evo-web-popin {background-color: #fff;background-image: url('images/bg-schema.png');background-position: left top;background-repeat: repeat;display: none;left: 0;padding: 0px 8px 0;position: absolute;top: 0px;width: 759px;z-index: 1001}
.qpz-evo-web-popin .qpz-btn-close {cursor: pointer;float: right}
ul.qpz-strategie {background-image:url("images/qpz-blue-dot.gif");background-position:1px 1px;background-repeat:repeat-y;display:inline-block;//float:left;margin-top:10px;padding-left:10px;width:161px}
ul.qpz-strategie li {margin-bottom:4px}
ul.qpz-strategie li.mini-titre {font-weight: 900;font-family: Verdana, Arial, sans-serif;font-size: 11px;margin-bottom: 14px;padding-right: 11px}
ul.qpz-strategie li.liste a,ul.qpz-strategie  li.liste_selected a {background-image:url("images/puce-chevron-bleu9.gif");background-position:left 2px;background-repeat:no-repeat;color:#01A2F0;display:inline-block;font-family:verdana,Arial,sans-serif;font-size:8px;height:10px;line-height:10px;padding:2px 5px 1px 13px;text-decoration:none;vertical-align:top;width:auto;//line-height:11px;//height:13px;//padding-top:0px;//background-position:left 1px}
body ul.qpz-strategie  li.liste_selected a, ul.qpz-strategie  li.liste a:hover {background-color: #01a2f0;background-image: url("images/puce-chevron-blanc9.gif");color: #fff}
/* ============================== */
/*   WEBPART Slide e-Xperience  */
/* ============================== */
#zero .qpz-droite .qpz-client {background-color: transparent;background-image: url('images/bg-schema.png');background-position: left top;background-repeat: repeat;padding: 5px 8px 5px 5px;height: 1%}
#zero .qpz-droite .qpz-client:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
#zero .qpz-droite .qpz-client .exp-shadow {float: left;margin-right:10px;background-color: transparent;width: 472px}
#zero .qpz-droite .qpz-client h1.qpz-typesite {color: #333;font-family: Verdana, Arial, Sans-serif;font-size: 11px;font-weight: 400;margin: 3px 0;padding: 0}
#zero .qpz-droite .qpz-client h2.qpz-clientname {color: #906;font-family: Verdana, Arial, Sans-serif;font-size: 14px;font-weight: 900;margin: 3px 0 7px;padding: 0}
#zero .qpz-droite .qpz-client ul.qpz-description {display:inline-block;width:260px}
#zero .qpz-droite .qpz-client ul.qpz-description a,#zero .qpz-droite .qpz-client ul.qpz-description a:link,#zero .qpz-droite .qpz-client ul.qpz-description a:visited,#zero .qpz-droite .qpz-client ul.qpz-description a:hover{color:#0072BC}
#zero .qpz-droite .qpz-client ul.qpz-description li {font-family: Verdana, Arial, Sans-serif;font-size: 11px;font-weight: 400;color: #333;padding-bottom: 11px}
#zero .qpz-droite .qpz-client ul.qpz-description span {background-color: transparent;background-image: url('images/puce-rose7.gif');background-position: left 4px;background-repeat: no-repeat;color: #990066;font-weight: 900;line-height: 13px;padding: 0 3px 0 11px}
.qpz-client a.qpz-lien-caspratique,.qpz-client a.qpz-lien-caspratique:link,.qpz-client a.qpz-lien-caspratique:visited,.qpz-client a.qpz-lien-caspratique:hover {background-color: transparent;background-image: url('images/btn-caspratique.gif');background-position: left top;background-repeat: no-repeat;display: block;float: right;height: 9px;width: 92px;text-indent: -3000px}
/*-------------------------------------------------------------*/
/*-----------------WEBPART SLIDES DOUBLE TAILLE----------------*/
/*-------------------------------------------------------------*/
.slide1 {background-image: url('images/1.png');background-position: 0 0;background-repeat: no-repeat;height: auto;min-height: 102px;padding-top: 169px;position: relative;width: auto}
.slide1 .bouton1 {position: absolute;bottom: 10px;right: 10px}
.slide2 {height: 253px;position: relative;width: auto}
.slide2 .image2 {position: absolute;top: 0px;left: 0px;z-index: 1}
.slide2 .bouton2 {position: absolute;bottom: 10px;right: 10px;z-index: 2}
/*----------------------------------------------------------*/
/*------------WEBPARTS FENETRES GAUCHE & DROITE-------------*/
/*----------------------------------------------------------*/
#zero .ms-WPHeader{background-color:transparent}
#zero .ms-WPHeader td,#zero .ms-fakewptitle{border:0}
#zero .ms-wpTdSpace{display:none}
#zero .qpz-wp-left h3,#zero .qpz-wp-right h3 ,#zero .qpz-wp-center h3{background-color:#000000;display:inline-block;font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:900;min-height:14px;padding:3px 7px 2px;//float:left;//zoom:1}
#zero .qpz-wp-left h3 nobr,#zero .qpz-wp-right h3 nobr,#zero .qpz-wp-center h3 nobr{white-space:pre-wrap;word-wrap:break-word}
#zero .qpz-zonealt h3 {background-color: #01A2F0}
#zero .qpz-droite h3 span{color:#FFFFFF;line-height:normal}
#zero .ms-WPBody{padding:15px 13px;margin:0 0 10px}
.qpz-actus-container{margin-bottom:10px;position:relative}
#zero .qpz-menu-gauche .ms-WPBody{margin:0;padding:0}
#zero .qpz-wp-top .ms-WPBody{margin:0;padding:0}
#zero .qpz-droite .ms-SPZone{color:#000}
#zero .qpz-wp-left .s4-wpcell-plain > table,#zero .qpz-wp-right .s4-wpcell-plain > table,#zero .qpz-wp-center .s4-wpcell-plain > table {background-image: url('images/bckg_opac.png');background-position: left top;background-repeat: repeat}
/*-----------------------------------------------------------------------------*/
/*--------------------------------WEBPART HOMEPAGE-----------------------------*/
/*-----------------------------------------------------------------------------*/
#zero .qpz-droite #qpz-fenetre1-homepage p {height: 119px;line-height: 11px;padding: 8px}
#zero .qpz-droite #qpz-fenetre1-homepage a.lien_plus {background-image: url('images/qpz-plus.gif');background-repeat: no-repeat;display: inline-block;padding: 5px;position: absolute;bottom: 0px;right: 0px}
#zero .qpz-droite #qpz-fenetre2-homepage p {height: 119px;line-height: 11px;padding: 8px}
#zero .qpz-droite #qpz-fenetre2-homepage a.lien_plus {background-image: url('images/qpz-plus.gif');background-position: right bottom;background-repeat: no-repeat;display: inline-block;padding: 5px;position: absolute;bottom: 0px;right: 0px}
/*-----------------------------------------------------------------------------*/
/*--------------------------WEBPART VISION & STRATEGIE-------------------------*/
/*-----------------------------------------------------------------------------*/
#qpz-fenetre1-strategie_1 {height: 230px;width: 190px}
#qpz-fenetre1-strategie_1 p {font-weight: 400;font-family: Verdana, Arial, sans-serif;font-size: 11px;height: 200px;width: 350px;float: left;padding: 8px 8px 0 8px}
#qpz-fenetre2-strategie_1 {border-left: solid 1px #01A2F0;height: 230px}
#qpz-fenetre2-strategie_1 p.paragraphe-image {background-image: none;float: left;font-weight: 900;height: 185px;margin-top: 26px;padding: 0 3px 0 4px;width: 166px}
#qpz-fenetre2-strategie_1 ul {background-image: url('images/qpz-blue-dot.gif');background-position: 1px 1px;background-repeat: repeat-y;float: left;height: 186px;margin-top: 28px;padding-left: 10px;width: 166px}
#qpz-fenetre2-strategie_1 ul li {margin-bottom: 2px}
#qpz-fenetre2-strategie_1 ul li.mini-titre {font-weight: 900;font-family: Verdana, Arial, sans-serif;font-size: 11px;margin-bottom: 14px;padding-right: 11px}
#qpz-fenetre2-strategie_1 ul li.liste a {background-image: url('images/chevron-not-selected.gif');background-position: 0px 0px;background-repeat: no-repeat;display: inline-block;font-family:verdana,Arial, sans-serif;font-size: 8px;height: 11px;padding-left: 13px;padding-right: 5px;width: auto}
#qpz-fenetre2-strategie_1 ul li.liste_selected a, #qpz-fenetre2-strategie_1 ul li.liste a:hover {background-color: #FF0084;background-image: url('images/chevron-selected.gif');background-position: 0px 0px;background-repeat: no-repeat;color: #fff;display: inline-block;font-family:verdana, Arial, sans-serif;font-size: 8px;height: 11px;padding-left: 13px;padding-right: 5px;width: auto}
#qpz-fenetre2-strategie_1 ul a, #qpz-fenetre2-strategie_1 ul a:link, #qpz-fenetre2-strategie_1 ul a:visited {color: #01a2f0;display: inline-block;padding-left: 2px;padding-top: 2px;text-decoration: none;width: 130px}
/*---------------------------------------------------------------------------------------*/
/*-------------------------------------------CLIENTS-------------------------------------*/
/*---------------------------------------------------------------------------------------*/
ul.clients-nav2,ul.clients-nav3 {display:inline-block;font-family:verdana,Arial, sans-serif;vertical-align:top;font-weight: 400}
ul.clients-nav2 {background-image: none;margin-top:5px;padding: 0 8px 0 0px;width: 168px;float:left}
ul.clients-nav2:first-child {background-image:transparent url('images/qpz-blue-dot.gif') repeat-y right top;margin-right:4px}
ul.clients-nav2 li {height: 14px;padding-bottom: 5px}
.qpz-content-container ul.clients-nav2 li a,.qpz-content-container ul.clients-nav2 li a:link,.qpz-content-container ul.clients-nav2 li a:visited,.qpz-content-container ul.clients-nav2 li a:hover{background:transparent url('images/chevron-clients-nav2-not-selected.gif') no-repeat 0px 1px;font-size: 9px;padding-bottom: 1px;color:#01A2F0;padding-left: 15px;text-decoration:none}
.qpz-content-container ul.clients-nav2 li a:hover,.qpz-content-container ul.clients-nav2 li a.qpz-selected {background-color: transparent;background-image: url('images/puce-chevron-blanc9.gif');color: #fff;text-decoration:none;display: inline-block}
ul.clients-nav3 {background-image: url('images/qpz-blue-dot.gif');background-position: 0px 0px;background-repeat: repeat-y;width: 184px}
ul.clients-nav3 li {background-image: url('images/bg-wp-marques.png') repeat 1px 1px;padding-left: 8px;padding-top: 5px;padding-bottom: 2px}
.clients-nav3 a, .clients-nav3 a:link, .clients-nav3 a:visited {background:transaprent url('images/chevron-clients-nav2-selected.gif') no-repeat 1px 0px;display: inline-block;color:#01A2F0;padding-left: 10px}
.clients-nav3 a span, .clients-nav3 a:link span, .clients-nav3 a:visited span {background:transparent url('images/chevron-clients-nav2-not-selected.gif') no-repeat 0px 0px;display: inline-block;height: 100%;margin-left: 1px;padding: 0px 3px 1px 16px}
.clients-nav3 a.liste_nav3:hover, .clients-nav3 a.liste_nav3_selected {background-image: url('images/puce-chevron-blanc9.gif');text-decoration:none}
.clients-nav3 a.liste_nav3:hover span, .clients-nav3 a.liste_nav3_selected span {background-image: url('images/puce-chevron-blanc9.gif');color: #fff;text-decoration:none}
ul a, qpz-fenetre1-client ul a:link, qpz-fenetre1-client ul a:visited {display: inline-block;text-decoration: none;color: #01a2f0;padding-left: 2px}
/* =============== */
/* === Contact === */
/* =============== */
.qpzcontactform{padding:0 1px}
.qpzcontactform legend{border-bottom:1px solid #FE0A84;color:#B2005C;display:block;font-size:18px;font-weight:400;margin:0 1px;padding-bottom:2px;padding-left:21px;padding-top:10px;width:730px}
.qpzcontactform ul{padding-top:10px}
.qpzcontactform li{padding-bottom:1px}
.qpzcontactform label{background:transparent url("images/puce-rose7.gif") no-repeat left 3px;background-repeat:no-repeat;color:#000000;display:inline-block;margin-left:22px;padding-left:11px;width:108px}
.qpzcontactform label.exp-msgsend{background-position:left 4px;font-size:13px;font-style:italic;font-weight:900;margin-top:20px;padding-bottom:65px;width:auto}
.qpzcontactform span{background-image:none;color:#B2005C !important;display:inline-block;font-style:italic;font-weight:900;margin-left:10px;padding-top:2px;vertical-align:top;width:auto}
.qpzcontactform span.qpz-returnmessage {background:transparent url("images/puce-rose7.gif") no-repeat left 13px;color:#000000;display:inline-block;margin-left:22px;padding:10px 22px 50px 11px}
.qpzcontactform input{border:1px solid #999999;font-family:verdana;font-size:11px;height:11px;padding:2px 10px;width:252px}
.qpzcontactform select{border:1px solid #999999;font-size:11px;height:16px;//height:auto;padding:0 0 0 10px;width:274px}
/*-----------------*/
.qpzmessageform{padding:0 1px 10px}
.qpzmessageform legend{color:#000000;font-weight:900;padding:15px 0 10px 20px}
.qpzmessageform li{padding-bottom:1px}
.qpzmessageform label{background: transparent url("images/puce-rose7.gif") no-repeat left 3px;color:#000000;display:inline-block;margin-left:22px;padding-left:11px;width:108px}
.qpzmessageform span{background-image:none;color:#B2005C !important;display:inline-block;font-style:italic;font-weight:900;margin-left:10px;padding-top:2px;vertical-align:top;width:auto}
.qpzmessageform .qpzfieldmessage{margin:1px 0 10px 145px;font-family:verdana;border:1px solid #999999;font-size:11px;height:43px;padding:4px 0 2px 10px;width:262px}
.qpzmessageform input{border:1px solid #999999;font-family:verdana;font-size:11px;height:11px;padding:2px 10px;width:252px}
.qpzmessageform label.error{background-image:none;color:#B2005C;font-style:italic;font-weight:900;margin-left:10px;width:auto}
.qpzmessageform select{border:1px solid #999999;font-size:11px;height:16px;//height:auto;padding:0 0 0 10px;width:274px}
.qpzmessageform .qpzuploadcv{position:relative;height:18px;background-image:url("images/bg-uploadcv.png");background-position:145px 0px;background-repeat:no-repeat;z-index:0}
.qpzmessageform .qpzvalidate{padding-left:127px}
.qpzmessageform .qpzuploadcv.selected{background-image:url("images/bg-uploadcv-hover.png")}
.qpzmessageform .qpzuploadcv input[type="file"]{height:18px;width:199px;filter:alpha(opacity=0);opacity:0;z-index:0}
.qpzmessageform .qpzuploadcv input[type="text"]{color:#000000;left:141px;border:0px;background-color:transparent;line-height:normal;overflow:hidden;position:absolute;top:1px;z-index:1000;width:102px}
.qpzmessageform input.qpzbutton{background:transparent url("images/btn-valider.png") no-repeat left top;border:0 none;font-size:9px;height:15px;margin-left:15px;padding:0 0 0 65px;text-indent:65px;vertical-align:bottom;width:0}
.qpzmessageform input.qpzbutton:hover{background-image:url("images/btn-valider-hover.png")}
.qpzmessageform .qpzitalic{color:#000000;display:inline-block;font-size:10px;font-style:italic;padding-left:10px;padding-top:5px}
/*---------------------------------------------------------------------------*/
/*-----------------------------------WIKI------------------------------------*/
/*---------------------------------------------------------------------------*/
.qpz-droite > div {padding-top: 0px !important}
.qpz-droite > div.qpz-evo-web-popin {padding-top: 8px !important;left:8px}
.col-fluid-1 {background-image: url('images/bckg_opac.png');background-position: 0 0;background-repeat: repeat}
.col-fluid-1 .ms-descriptiontext {background-color: #000;display: inline-block;font-family: Verdana,Arial,sans-serif;font-size: 12px;font-weight: 400;color: #fff;height: 13px;padding: 2px 8px 1px !important}
/* ============== */
/* === FOOTER === */
/* ============== */
p.qpz-foot {background-image: url('images/bckg_opac.png');background-position: 0 0;background-repeat: repeat;clear: both;color: #fff;font-family: Verdana,Arial,sans-serif;font-size: 10px;font-weight: 400;margin-bottom: 30px;margin-left: 187px;padding: 3px 8px 4px;//position:relative}
p.qpz-foot span {float: right;//position:absolute;//display:block;//top:4px;//right:8px}
p.qpz-foot span:after {content: ".";clear: both;height: 0;visibility: hidden;display: block}
p.qpz-foot a {color: #fff;text-decoration: none}
p.qpz-foot a:hover {text-decoration: underline}
p.qpz-foot span a {color: #cccccc;font-weight: 900}
#demotip {display: none;background: url('images/black_arrow.png');font-size: 12px;height: 70px;width: 160px;padding: 25px;color: #fff}
/*map*/
.exp-map ul {width: 250px;list-style-type: none;float: left;margin-left: 10px}
.exp-map ul li {padding: 1px;}
.exp-map ul li.qpz-contactus br {display: none}
.exp-map ul a {color: #fff!important}
.exp-ag {font-weight: 900}
.exp-map-link {float: right;display: inline-block;width: 450px;margin-bottom: 10px;text-align: right;padding: 2px}
div.exp-map-link img {cursor: pointer}
div.exp-map-link span {display: inline-block;cursor: pointer;padding-bottom: 3px;font-weight: 900}
.qpz-icon {list-style-type: none;margin-left: 90px;margin-top: 7px}
.qpz-icon li {display: inline}
