.padding {
    padding: 15px;
}

.font9 {
    font-size: 9px !important;
}

.font-10 {
    font-size: 10px !important;
    line-height: 1.3em;
}

.font11 {
    font-size: 11px !important;
}

.font-12 {
    font-size: 12px !important;
    line-height: 1.3em;
}

.clear {
    clear: both;
}

.bordure {
    border-bottom: 1px solid #9a9b9c;
    padding-bottom: 15px;
    width: 100%;
    float: left;
}

sup {
    /* Move the superscripted text up */
    top: -0.5em;
}

sub {
    /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
    bottom: -0.25em;
}

.bleu-rev {
    color: ##0066cc !important;
}

.blocs_content .bloc.bloc_700 .bloc_content.padding {
    width: 666px;
}

.blocs_content .bloc.bloc_275 .bloc_content.padding {
    width: 241px;
}

.blocs_content .bloc.bloc_990 .bloc_content.padding {
    width: 956px;
}

.blocs_content .bloc .bloc_content.titres p,
.blocs_content .bloc .bloc_content.titres ul,
.blocs_content .bloc .bloc_content.titres li,
.blocs_content .bloc .bloc_content.titres a {
    font-size: 14px;
}

.blocs_content .bloc .bloc_content.titres a.button.lite-2 {
    font-size: 12px !important;
}

.blocs_content .bloc .bloc_content.titres h1:first-child,
.blocs_content .bloc .bloc_content.titres h2:first-child,
.blocs_content .bloc .bloc_content.titres h3:first-child {
    margin: 0 !important;
}

.blocs_content .bloc .bloc_content.titres p,
.blocs_content .bloc .bloc_content.titres h1,
.blocs_content .bloc .bloc_content.titres h2,
.blocs_content .bloc .bloc_content.titres h3,
.blocs_content .bloc .bloc_content.titres h4,
.blocs_content .bloc .bloc_content.titres h5,
.blocs_content .bloc .bloc_content.titres h6 {
    margin-right: 0;
    margin-left: 0;
}

.blocs_content .bloc.bloc_990 .bloc_content.titres p,
.blocs_content .bloc.bloc_700 .bloc_content.titres p {
    margin: 10px 0;
}

.blocs_content .bloc.bloc_700 .bloc_content.titres p.noMarginTop {
    margin-top: 0;
}

.blocs_content .bloc.bloc_700 .bloc_content.titres p a,
.blocs_content .bloc.bloc_700 .bloc_content.titres ul li a {
    color: #0099cc;
}

.blocs_content .bloc.bloc_275 .bloc_content h3 + p {
    margin: 5px 0 10px;
}


/****************************************************
PAGE TEMOIGNAGES -- temoignages-logiciels-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_700 .bloc_content.titres h3.avis {
    background: url(../../../Binaires/images/global/2015/pictos/bulle_grise_avis.png) 0 0 no-repeat;
    height: inherit !important;
    min-height: 35px;
    padding-left: 55px;
    font-size: 14px;
    line-height: 14px;
    margin: 40px 0 10px;
}

.blocs_content .bloc.bloc_700 .bloc_content.titres h3.avis:first-child {
    margin-top: 15px !important;
}

.blocs_content .bloc.bloc_700 .bloc_content.temoignages p {
    margin: 0;
}

.blocs_content .bloc.bloc_700 .bloc_content.temoignages p strong {
    font-size: 13px;
}


/****************************************************
PAGE SOCIETE -- societe-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_700 .bloc_content.venir img.millenaire {
    margin: 10px auto 0;
    width: 678px;
    display: block;
}

.blocs_content .bloc.bloc_275.contact .bloc_content h4 {
    margin: 10px 0 0;
}

.blocs_content .bloc.bloc_275.contact .bloc_content p {
    margin: 0 0 5px;
}

.blocs_content .bloc.bloc_275.sdds .bloc_content img {
    width: 81px;
    margin-right: 10px;
}

.blocs_content .bloc.bloc_275.sdds .bloc_content h5 {
    width: 150px;
    margin: 0;
}

.blocs_content .bloc.bloc_275.sdds .bloc_content p {
    width: 150px;
    margin: 0;
    font-size: 12px;
}


/****************************************************
PAGE CONTACT -- societe-contacts-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_700.liens .bloc_content div {
    width: 50%;
}


/****************************************************
PAGE PRESSE -- societe-presse-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer {
    width: 100%;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer ul {
    overflow: hidden;
    border-right: 1px solid #fff;
    height: 35px;
    position: absolute;
    z-index: 100;
    margin: 0;
    padding: 0;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer ul li {
    float: left;
    list-style: none;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer ul li.separation {
    margin: 0 20px;
    display: block;
    height: 35px;
    line-height: 33px;
    font-weight: bold;
    font-size: 16px;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer ul li a {
    color: #777;
    cursor: pointer;
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer li a:hover {
    color: #0099cc;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabContainer li a.active {
    color: #FFFFFF;
    background-color: #0099cc;
    padding: 0 10px;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails {
    background: #fbfbfb;
    border: 1px solid #fff;
    padding-top: 20px;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents {
    margin-top: 14px;
    border-top: 1px solid #0099cc;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents .presse {
    border-bottom: 1px dashed #b4b4b4;
    background: url('../../../Binaires/images/societe/icone_papier.jpg') 0 0 no-repeat #FFF;
    padding: 0 0 20px 70px;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents .presse:last-child {
    border-bottom: none;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents .presse p {
    color: #777;
    margin: 10px 0;
    padding-top: 10px;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents .presse p a {
    color: #0099cc;
}

.blocs_content .bloc.bloc_700 .bloc_content .tabDetails .tabContents input[type=image] {
    display: block;
    margin: 0 auto;
    padding-top: 10px;
}


/****************************************************
HOME PREIMPRIMES -- services-preimprimes-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_990.preimprimes .bloc_content div {
    width: 50%;
    padding-top: 10px;
}

.blocs_content .bloc.bloc_990.preimprimes .bloc_content div a.preimprime {
    float: left;
    width: 130px;
    margin: 0 10px 0 -5px;
}

.blocs_content .bloc.bloc_990.preimprimes .bloc_content div p {
    margin-bottom: 10px;
}


/****************************************************
PREIMPRIMES PAYE -- preimprimes-ciel-paye.aspx
*****************************************************/

.blocs_content .bloc.bloc_700.intro-preimprimes .bloc_content .colonnes h3 {
    margin: 0;
}

.blocs_content .bloc.bloc_700.intro-preimprimes .bloc_content .colonnes p {
    margin: 5px 0 10px;
}

.blocs_content .bloc.bloc_700.intro-preimprimes .bloc_content .colonnes p:last-child {
    margin-bottom: 0;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content {
    height: 202px;
}

.blocs_content .bloc.bloc_700.liste-preimprimes .bloc_content .zoom {
    display: block;
    margin-top: 5px;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content h3 {
    margin-bottom: 10px !important;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content .image {
    width: 45%;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content .image a {
    text-align: center;
    display: block;
    margin-top: 5px;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content .texte {
    width: 55%;
    height: 141px;
}

.blocs_content .bloc.bloc_275.top-preimprimes .bloc_content .texte p {
    font-size: 12px;
}


/****************************************************
CONDITIONS GENERALES -- conditions-generales-ciel.aspx
*****************************************************/

.blocs_content .bloc.bloc_990.CG .bloc_content a {
    color: #0099cc;
}

.blocs_content .bloc.bloc_990.CG .bloc_content h3 a {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
}

.blocs_content .bloc.bloc_990.CG .bloc_content .colonnes ul,
.blocs_content .bloc.bloc_990.CG .bloc_content .colonnes ul li {
    margin-top: 5px;
}

.blocs_content .bloc.bloc_990.CG .bloc_content .colonnes ul li a {
    font-size: 13px !important;
}


/****************************************************
CONNEXION MON COMPTE -- identification-client.aspx
*****************************************************/

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne:first-child {
    width: 681px;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne:last-child,
.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne.droite {
    width: 275px;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne h1 + p {
    margin-top: 0;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .bloc.bloc_275.formulaire .bloc_content {
    background-image: linear-gradient(#cceaf5 0, #ffffff 100px);
    width: 241px;
    min-height: 0 !important;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .bloc.bloc_275.formulaire .bloc_content p label + input {
    width: 70px !important;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .bloc.bloc_275.formulaire .bloc_content p.alerte {
    margin-bottom: 0 !important;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .formulaire,
.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne ul.fleche {
    margin: 0 0 30px;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .formulaire input[type=submit] {
    float: left;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    padding: 0 15px;
    color: #666666;
    background-color: #b3b3b3;
    background: linear-gradient(to top, #b3b3b3 0%, #dcdcdc);
    border-image: linear-gradient(to top, #a1a1a1, #e0e0e0) 14% stretch;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
    margin: 5px 0 0 0;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .formulaire input[type=submit]:hover {
    color: #ffffff;
    background-color: #029ed2;
    background: linear-gradient(to top, #029ed2 0%, #26b8e8);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 5px rgba(0, 153, 204, 0.7);
    cursor: pointer;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne h4 {
    margin: 0;
}

.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .infos p,
.blocs_content .bloc.bloc_990.connexion .bloc_content .colonnes .colonne .infos p a {
    font-size: 13px;
    line-height: 16px;
}


/****************************************************
A DEPLACER DANS LA CSS FORMULAIRE
*****************************************************/

.blocs_content .formulaire p,
.blocs_content .bloc.bloc_990.connexion .bloc_content .formulaire p {
    display: block;
    float: left;
    width: 100%;
    margin: 5px 0;
    padding: 0;
}

.blocs_content .formulaire p label {
    min-width: 120px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0 0;
    font-size: 14px;
    color: #555555;
}

.blocs_content .formulaire p input[type="text"],
.blocs_content .formulaire p input[type="password"],
.blocs_content .formulaire p textarea,
.blocs_content .formulaire p select {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    float: left;
    min-width: 60px;
    height: 21px;
    border: 2px solid #dddddd;
    background-color: #f9f9f9;
    font-size: 13px;
    color: #555555;
    margin: 0 10px 0 0;
    padding: 0 0 0 3px;
}

.blocs_content .formulaire p.alerte {
    width: 100%;
    display: block;
    float: left;
    font-size: 11px !important;
    color: #555555;
    margin: 5px 0 !important;
    padding: 4px 5px 4px 8px !important;
    background: transparent url("../../../Binaires/images/2011/global/formulaires/bloc_error.gif") no-repeat;
}

.blocs_content .formulaire p.alerte strong {
    font-size: 14px !important;
    font-weight: normal;
    color: #fb0022;
}


/***********************
CORRECTIONS REVENDEURS
BLOCS UTILISES DANS MON COMPTE
http://www.ciel.com/revendeurs-activation-module-n4ds.aspx
http://www.ciel.com/revendeurs-mes-eservices.aspx
************************/

.blocs_content .colonne_700 .mc_bloc_680.header {
    height: inherit !important;
    float: none !important;
}

.blocs_content .colonne_700 .mc_bloc_680.header h1:first-child,
.blocs_content .colonne_700 .mc_bloc_680.header h2:first-child {
    margin-top: 0;
    font-family: 'focoregular';
    font-size: 24px;
}

.blocs_content .colonne_700 .mc_bloc_680.header .noService {
    font-size: 14px;
    color: #666666;
}

.blocs_content .colonne_700 .mc_bloc_680.header h1,
.blocs_content .colonne_700 .mc_bloc_680.header h2,
.blocs_content .colonne_700 .mc_bloc_680.header h3,
.blocs_content .colonne_700 .mc_bloc_680.header .noService a,
.blocs_content .bloc.bloc_275.contacter .bloc_content .numero a {
    color: #0066cc;
}

.blocs_content .colonne_700 .mc_bloc_680.header .activation_cle .logo {
    float: left;
    width: 80px;
}

.blocs_content .colonne_700 .mc_bloc_680.header .activation_cle .tableau_general {
    float: left;
    width: 586px;
    color: #666666;
    font-size: 14px;
}

.blocs_content .colonne_700 .mc_bloc_680.header .activation_cle .tableau_general h3 {
    font-size: 16px;
    margin: 10px 0 0;
}

.blocs_content .colonne_700 .mc_bloc_680.header .activation_cle .tableau_general h4 {
    margin: 0 0 5px;
}

.blocs_content .colonne_700 .mc_bloc_680.header .activation_cle .tableau_general p {
    margin: 0 0 5px;
}

.blocs_content .bloc.bloc_275.contacter .bloc_content h3 {
    margin: 0;
    font-family: 'focoregular';
    font-size: 22px;
}

.blocs_content .bloc.bloc_275.contacter .bloc_content p {
    font-size: 14px;
}

.blocs_content .bloc.bloc_275.contacter .bloc_content .numero {
    text-align: center;
    position: relative;
    ;
}

.blocs_content .bloc.bloc_275.contacter .bloc_content .numero span {
    display: block;
    width: 100%;
    font-size: 11px;
    position: absolute;
    top: 50px;
}


/***********************************
AUTRES BLOCS ET DECLINAISONS
*************************************/

.blocs_content .bloc,
.blocs_content .bloc.col-2,
.blocs_content .bloc.col-3,
.blocs_content .bloc.col-4,
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    min-height: inherit !important;
}

.blocs_content .col-2 {
    width: 47% !important;
}

.blocs_content .bloc.col-3 {
    width: 30% !important;
    min-height: 125px;
}

.blocs_content .bloc.col-4 {
    width: 22% !important;
}

.blocs_content div[class*=col-] .bloc_content {
    width: 100% !important;
    min-height: 100px !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.blocs_content div[class*=col-] *,
.blocs_content div[class*=col-] .bloc_content h2:first-child {
    margin: 0 !important;
}

.blocs_content div[class*=col-] a {
    color: #009fda;
}

.blocs_content .revendeurs div[class*=col-] a {
    color: #0066cc;
}

.blocs_content .bloc.col-2.orange {
    border: 1px solid #ff5800;
}

.blocs_content .bloc.col-2.orange .bloc_content {
    background-image: linear-gradient(#ffd5bf 0, #ffffff 100px);
}

.blocs_content .bloc.bloc_700 .bloc_content .padding h1 {
    margin: 0 0 15px;
}

.blocs_content .bloc.bloc_700 .bloc_content .padding h1 + p,
.blocs_content .bloc.bloc_700.revendeurs {
    font-size: 14px;
}

.blocs_content .bloc.bloc_275 .bloc_content .padding h3 {
    margin: 0 0 15px;
}


/***********************
PAGES AVEC ONGLETS
************************/

.padding-top {
    padding-top: 15px;
}

.onglets-nav.revendeurs {
    border-bottom: 3px solid #0066cc;
    margin-top: 15px;
}

.onglets-nav.revendeurs li,
.revendeurs.onglets-nav li a {
    color: #0066cc;
}

.revendeurs.onglets-nav li.active {
    background-color: #0066cc;
    background: linear-gradient( #0292f6, #0168cf);
}

.revendeurs.onglets-nav li.active a {
    color: #FFFFFF;
}

.blocs_content .bloc.col-2.orange h2 {
    color: #ff5800;
}

.blocs_content .bloc.col-2.orange p {
    color: #666666;
}

.blocs_content .contenu-onglet .bloc.bloc_320 a,
.blocs_content .bloc.bloc_700.revendeurs .contenu-onglet .col-2 a,
.blocs_content .bloc.bloc_700.revendeurs .contenu-onglet .col-3 a,
.blocs_content .bloc.bloc_700.revendeurs .contenu-onglet .anim-bloc .bloc_content .accordeon div.ui-accordion-content a {
    color: #0066cc;
}

.floatl {
    float: left;
}

.floatr {
    float: right;
}

.contenu-onglet .padding,
.contenu-onglet,
.contenu-onglet .actus,
.contenu-onglet .actus .bloc,
.contenu-onglet .actus .bloc .bloc_content {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.contenu-onglet .actus {
    position: relative;
    min-height: 200px;
}

.contenu-onglet .actus > .bloc {
    display: none;
}

.contenu-onglet .actus .bloc.on {
    display: block;
}

.contenu-onglet .actus .bloc .bloc_content {
    min-height: inherit !important;
}

.contenu-onglet .actus .bloc .bloc_content h2:first-child {
    margin: 0 0 15px;
}

.contenu-onglet .actus .bloc .bloc_content a {
    color: #0099cc;
}


/***********************
ACCORDEON
************************/

.accordeon {
    margin-top: 30px;
}

.accordeon .ui-accordion-header {
    border-bottom: 1px solid #4d4f53;
    margin: 0;
    padding: 10px;
}

.accordeon .ui-accordion-header .ui-accordion-header-icon {
    width: 24px;
    height: 24px;
    float: left;
    background: url("../../../Binaires/images/global/2015/puces/arrow-down.png") no-repeat top left;
    margin: -3px 10px 0 0;
}

.accordeon .ui-accordion-header-active {
    color: #0099cc;
    border-bottom: 1px solid #0099cc;
}

.bloc.bloc_700.revendeurs .accordeon .ui-accordion-header-active {
    color: #0066cc;
    border-bottom: 1px solid #0066cc;
}

.accordeon .ui-accordion-header-active .ui-accordion-header-icon {
    background: url("../../../Binaires/images/global/2015/puces/arrow-up.png") no-repeat top left;
}

.accordeon > h3 + div {
    padding-top: 15px;
}


/***********************
TABLEAU
************************/

.table-gris {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #9a9b9c;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.table-gris table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.table-gris tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.table-gris table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.table-gris table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.table-gris tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.table-gris tr:hover td {
    background-color: #ffffff;
}

.table-gris td {
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #9a9b9c;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 7px;
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    color: #666666;
}

.table-gris tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.table-gris tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.table-gris tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.table-gris tr:first-child td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc));
    background: -moz-linear-gradient( center top, #cccccc 5%, #cccccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");
    background: -o-linear-gradient(top, #cccccc, cccccc);
    background-color: #cccccc;
    border: 0px solid #9a9b9c;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #4d4f53;
}

.table-gris tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc));
    background: -moz-linear-gradient( center top, #cccccc 5%, #cccccc 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");
    background: -o-linear-gradient(top, #cccccc, cccccc);
    background-color: #cccccc;
}

.table-gris tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.table-gris tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}


/***********************
POUR revendeurs-fiche-ciel-e-service-paye.aspx
************************/

.filter {
    position: fixed;
    width: 100%;
    height: 2000px;
    background-color: #000000;
    top: 0;
    left: 0;
    z-index: 50;
    display: none;
    opacity: 0.8;
    /* propri?t? css3 */
    filter: alpha(opacity=80);
    /* pour IE */
}

.presentation_multimedia {
    width: 855px;
    height: 660px;
    margin-top: -330px;
    /*moitie de la hauteur */
    margin-left: -427px;
    /*moitie de la largeur */
    border: 5px solid #666;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10001;
    display: none;
}

.presentation_multimedia.player_768 {
    width: 768px;
    height: 432px;
    margin-top: -216px;
    margin-left: -384px;
}

.presentation_multimedia .bt_fermer_present_multi {
    position: absolute;
    z-index: 10002;
    width: 90px;
    height: 25px;
    top: 25%;
    left: 25%;
    margin-top: -200px;
    margin-left: 560px;
}

.presentation_multimedia.player_768 .bt_fermer_present_multi {
    margin-top: -150px;
    margin-left: 500px;
}

.blocs_content .bloc.bloc_990.actus.veille h1 {
    margin: 0;
    font-size: 30px;
    color: #FFFFFF;
    position: absolute;
    top: 100px;
    left: 30px;
}

.blocs_content .bloc.bloc_990.actus.veille p {
    margin-top: 60px;
    font-size: 18px;
    color: #555555;
}

.blocs_content .bloc.bloc_990 .footer-veille {
    background: url(../../../Binaires/images/prospects/2013/collection.png) 0 0 no-repeat;
    width: 100%;
    height: 250px;
    text-align: right !important;
}

.blocs_content .bloc.bloc_990 .footer-veille h2 {
    margin: 100px 510px 0 0;
}

.blocs_content .bloc.bloc_990 .footer-veille p {
    font-size: 18px;
    margin: 5px 510px 0 0;
}

.blocs_content .bloc.bloc_700.revendeurs ul.fleches {
    list-style: none;
    margin: 5px 0 !important;
    padding: 0;
}

.blocs_content .bloc.bloc_700.revendeurs ul.fleches li {
    padding-left: 21px;
    background: url(../../../Binaires/images/2011/global/puces/puce_revendeurs.png) 0 4px no-repeat;
}

.blocs_content .bloc.bloc_700.revendeurs ul.fleches li strong.prix {
    font-size: 18px;
}

.blocs_content .bloc .bloc_content {
    font-size: 14px;
}

.blocs_content .bloc .bloc_content h2 {
    font-size: 22px;
}

.blocs_content .bloc.bloc_275.revendeurs a {
    color: #0066cc;
}

.blocs_content .bloc.bloc_275.revendeurs ul li {
    line-height: 18px;
}

.blocs_content .bloc.bloc_275 h2:first-child {
    margin: 0 0 15px;
}

.blocs_content .bloc.bloc_275 .liens-utiles .offre {
    width: 100%;
    margin-bottom: 10px;
}

.blocs_content .bloc.bloc_275 .liens-utiles .offre a {
    text-decoration: none;
    color: #666666;
}

.blocs_content .bloc.bloc_275 .liens-utiles .offre p {
    width: 170px;
    margin: 0;
    font-size: 13px;
}


/* 
    Page témoignages client 
    URL : nos-clients-en-parlent.aspx
*/

.page-temoignages {
    color: #666666;
}

.page-temoignages h1 {
    font-size: 40px;
    margin-top: 25px;
    text-align: center;
    font-family: 'focoregular', Helvetica, Arial, sans-serif;
}

.page-temoignages h1 + p {
    font-size: 16px;
}

.page-temoignages .page-temoignages__liste h2 {
    color: #009fda;
}

.page-temoignages .page-temoignages__liste h2 span {
    color: #41a940;
}

.page-temoignages .page-temoignages__liste .liste__item {
    background-color: #ffffff;
    margin-bottom: 30px;
}

.page-temoignages .page-temoignages__liste .liste__item .padding {
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
}

.page-temoignages .page-temoignages__liste .liste__item .padding h3 {
    font-size: 17px;
    margin: 0;
}

.page-temoignages .page-temoignages__liste .liste__item .padding p {
    font-size: 14px;
    margin: 1em 0;
}

.page-temoignages .page-temoignages__liste .liste__item .padding p strong {
    font-size: 13px;
}

.page-temoignages .page-temoignages__liste .liste__item .padding a {
    font-size: 12px;
}

.page-temoignages .page-temoignages__liste .liste__item .padding .item__video,
.page-temoignages .page-temoignages__liste .liste__item .padding .item__image {
    margin-top: 1em;
}

.page-temoignages .page-temoignages__liste .liste__item .padding .item__image img {
    width: 100%;
    height: auto;
}

.page-temoignages .page-temoignages__liste div[class*='bordure--'] {
    border-style: solid;
    border-width: 1px;
}

.page-temoignages .page-temoignages__liste .bordure--bleu {
    border-color: #009fda;
}

.page-temoignages .page-temoignages__liste .bordure--bleu h3,
.page-temoignages .page-temoignages__liste .bordure--bleu a {
    color: #009fda;
}

.page-temoignages .page-temoignages__liste .bordure--vert {
    border-color: #41a940;
}

.page-temoignages .page-temoignages__liste .bordure--vert h3,
.page-temoignages .page-temoignages__liste .bordure--vert a {
    color: #41a940;
}

.page-temoignages h2,
.footer-liens h2 {
    font-size: 32px;
    font-family: 'foco_lightregular', Helvetica, Arial, sans-serif;
}

.page-temoignages .ligne,
.footer-liens .ligne {
    width: 100%;
    float: left;
}

.page-temoignages .ligne .colonne,
.footer-liens .ligne .colonne {
    width: 310px;
    margin-right: 30px;
    float: left;
}

.page-temoignages .ligne .colonne:last-child,
.footer-liens .ligne .colonne:last-child {
    margin-right: 0;
}

.footer-liens {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}

.footer-liens .fond {
    position: absolute;
    min-width: 2000px;
    width: 100%;
    background-color: #e0e1dd;
    height: 195px;
    left: -505px;
    z-index: -1;
}

.footer-liens h2 {
    text-align: center;
    margin: 1.5em 0 0.5em;
}

.footer-liens p {
    text-align: center;
    padding: 10px 0;
    background-color: #009fda;
}

.footer-liens p a {
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    display: block;
}

.footer-liens p:hover {
    background-color: #ff5800;
}


/* 
    Page présentation valeurs
    URL : presentation-logiciels-ciel.aspx
*/

.page-valeurs .bleu {
    color: #009fda;
}

.page-valeurs .center {
    text-align: center;
}

.page-valeurs .float {
    width: 100%;
    float: left;
}

.page-valeurs .fond {
    position: absolute;
    left: 50%;
    margin-left: -1000px;
    z-index: -2;
    overflow: hidden;
}

.page-valeurs .fond-gris {
    background-color: #e0e1dd;
    position: absolute;
    min-width: 2000px;
    width: 100%;
    left: -505px;
    overflow: hidden;
    z-index: -1;
}

.page-valeurs h1,
.page-valeurs h2 {
    font-size: 40px;
    margin: 35px 0 10px;
}

.page-valeurs h1 + p,
.page-valeurs h2 + p {
    font-size: 18px;
    margin: 0;
}

.page-valeurs .intro {
    float: left;
}

.page-valeurs .intro + .colonnes {
    margin-top: 351px;
    margin-bottom: 45px;

}

.page-valeurs .colonnes,
.page-valeurs .abonnement,
.page-valeurs .temoignages {
    width: 100%;
    float: left;
}

.page-valeurs .colonnes .colonne,
.page-valeurs .abonnement .colonne,
.page-valeurs .temoignages .colonne,
.page-valeurs .footer-liens .colonne {
    float: left;
    font-size: 13px;
}

.page-valeurs .colonnes.arguments,
.page-valeurs .abonnement.arguments,
.page-valeurs .temoignages.arguments,
.page-valeurs .footer-liens.arguments {
    text-align: center;
}

.page-valeurs .colonnes.trois .colonne,
.page-valeurs .abonnement.trois .colonne,
.page-valeurs .temoignages.trois .colonne,
.page-valeurs .footer-liens.trois .colonne {
    width: 33%;
}

.page-valeurs .colonnes.trois .colonne h4,
.page-valeurs .abonnement.trois .colonne h4,
.page-valeurs .temoignages.trois .colonne h4,
.page-valeurs .footer-liens.trois .colonne h4 {

    font-size: 18px;
        margin: 10px 0 10px;
}

.page-valeurs .colonnes.trois .colonne h4 + p,
.page-valeurs .abonnement.trois .colonne h4 + p,
.page-valeurs .temoignages.trois .colonne h4 + p,
.page-valeurs .footer-liens.trois .colonne h4 + p {
    margin-top: 0;
}

.page-valeurs .colonnes.arguments p {
    width: 90%;
    margin: 0 auto;
}

.page-valeurs .colonnes.deux .colonne,
.page-valeurs .abonnement.deux .colonne,
.page-valeurs .temoignages.deux .colonne,
.page-valeurs .footer-liens.deux .colonne {
    width: 50%;
}

.page-valeurs .abonnement {
    position: relative;
}

.page-valeurs .abonnement .fond-gris {
    height: 1220px;
    top: 0;
}

.page-valeurs .abonnement h2 + p {
    margin-bottom: 30px;
}

.page-valeurs .abonnement h3 {
    font-size: 32px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.flex {
    width: 700px;
    margin-right: 15px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.cdm {
    width: 275px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.cdm .bloc {
    height: 263px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.cdm .bloc h3 {
    margin: 20px 0 9px 24px;
    font-size: 26px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.cdm .bloc ul {
    font-size: 13px;
    padding-right: 24px;
}

.page-valeurs .abonnement .colonnes.deux .colonne.cdm .bloc p {
    margin-left: 24px;
}

.page-valeurs .abonnement .colonnes + h3 {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c0c0c0;
}

.page-valeurs .abonnement .colonnes.trois .colonne i {
    float: left;
    margin-right: 10px;
    margin-left: 36px;
}

.page-valeurs .abonnement .colonnes.trois .colonne h4 {
    text-align: center;
        margin: 0 0 12px 36px;
}

.page-valeurs .abonnement .colonnes.trois .colonne p {
    margin: 0 0 0 36px;
}

.page-valeurs .abonnement .colonnes.trois .colonne p {
    margin-bottom: 10px;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content {
    height: 261px;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content .colonnes {
    height: 206px;
    padding: 0 24px;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content .colonnes .colonne ul {
    margin-bottom: 0;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content .colonnes .colonne:first-child {
    padding-top: 63px;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content .colonnes .colonne:nth-child(2n) {
    padding-top: 32px;
}

.page-valeurs .abonnement #bloc-flexibilite .bloc_content .colonnes .colonne:last-child {
    padding-top: 0;
}

.page-valeurs .temoignages {
    height: 550px;
    padding-top: 42px;
}



.page-valeurs .temoignages p {
    width: 90%;
    padding-right: 10px;
}

.page-valeurs .temoignages .colonnes {
    padding-top: 25px;
}

.page-valeurs .footer-liens {
    height: 165px;
}

.page-valeurs .footer-liens .fond-gris {
    height: 238px;
}

.page-valeurs .footer-liens .colonne {
    width: 310px !important;
    margin-right: 30px;
}

.page-valeurs .footer-liens .colonne:last-child {
    margin-right: 0;
}
.page-valeurs .col {
    width: 22.5%;
    padding:1%;
    display: inline-block;
    vertical-align: top;
    padding-top: 30px;
}
.page-valeurs .circle-wrapper {
    display: block;
    margin: 0 auto;
    width: 150px;
}

.page-valeurs .circle {
    display: table-cell;
    vertical-align: middle;
    height: 150px;
    width: 150px;
    text-align: center;
    border-radius: 100px;
    margin:0 auto;
    background: grey;
}

.page-valeurs .circle h3 {
    font-size: 18px;
    font-family: "foco_lightregular";
    font-weight: normal;
    color:#fff;
}
.page-valeurs .maj .circle {
    background-color: #823272;
}

.page-valeurs .assistance .circle {
    background-color: #1cb17b ;
}

.page-valeurs .formation .circle {
    background-color: #194f5d;
}

.page-valeurs .conseil .circle {
        background-color: #124e8d;
}

.page-valeurs .abonnement .col strong {
    display: block;
    text-align: center;
    color:#666666;
    border-bottom: 1px solid #c0c0c0;
    padding-bottom:8px;
    margin-bottom: 0px;
    padding-top: 10px;
    font-size: 18px;
    font-family: "focobold";
   
}

.page-valeurs .abonnement .col ul {
    padding: 0;
    padding-left: 17px;
}

.page-valeurs .abonnement .col li {
        font-size: 12px;
    padding-bottom: 10px;
}

.page-valeurs  .chapo {
    width: 80%;
    margin: 0 auto;
    display: block;
    color:#555555;
    font-size: 17px;
    font-family: focoregular;
    font-size: 19px;
   line-height: 1.3em;
   padding-top: 15px;
   font-weight:bold;
}

.page-valeurs h2 {
    padding: 20px 0 0px 0;
}
.page-valeurs h2 sup {
   font-size: 0.5em;
}

.page-valeurs .abonnement .colonnes.trois i {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    font-size: 2.5rem;
    float: none !important;
}
.page-valeurs .abonnement .colonnes.trois h4 {
       font-size: 18px;
    margin: 10px 0 10px;
}
.footer-liens-page-valeurs p a {
    font-family: "foco_lightregular";
    font-size: 18px;
}
.footer-liens-page-valeurs {
    padding-bottom: 40px;
}
 
/*****************
  SUPER PLAN DUO
******************/

.superplan {
    font-size: 14px;
}

.superplan * {
    box-sizing: border-box;
}

.superplan .orange {
    color: #ff5800;
}

.superplan .bleu {
    color: #009fda;
}

.superplan .bleuFonce {
    color: #002d5e;
}

.superplan .grisFonce {
    color: #4d4f53;
}

.superplan .vert {
    color: #97ba10;
}

.superplan .blanc {
    color: #ffffff;
}

.superplan .fond-gris {
    background-color: #e0e1dd;
}

.superplan .fond-gris-fonce {
    background-color: #4d4f53;
    color: #ffffff;
}

.superplan a.bouton.orange {
    color: #ffffff;
}

.superplan .align-left {
    text-align: left;
}

.superplan .align-right {
    text-align: right;
}

.superplan .ligne {
    float: left;
    width: 100%;
}

.superplan .ligne .colonne {
    float: left;
    width: 330px;
}

.superplan .ligne .colonne.gauche {
    width: 660px;
    margin-right: 15px;
}

.superplan .banniere {
    position: relative;
}

.superplan .banniere img {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1000px;
    z-index: -1;
}

.superplan .banniere p {
    font-size: 24px;
    text-align: center;
    padding: 20px 0 15px;
    margin: 0;
}

.superplan .banniere h1 {
    font-size: 32px;
    margin: 10px 0 30px;
    padding-left: 330px;
}

.superplan .banniere h1 span.orange {
    font-size: 40px;
}

.superplan .packs .colonne {
    text-align: center;
    position: relative;
}

.superplan .packs .colonne span {
    position: absolute;
    color: #4d4f53;
    font-size: 64px;
    right: 0;
    top: 50%;
    margin-top: -32px;
}

.superplan .logiciels h2 {
    font-size: 18px;
    margin: 0 0 5px;
}

.superplan .logiciels ul {
    font-size: 14px;
    margin-top: 5px;
    padding-left: 15px;
    width: 315px;
}

.superplan .logiciels .infos {
    font-size: 12px;
    text-align: center;
}

.superplan .logiciels .comparatif {
    margin: 15px 0;
    width: 98%;
    border-collapse: collapse;
    font-size: 16px;
}

.superplan .logiciels .comparatif table {
    float: right;
}

.superplan .logiciels .comparatif th {
    text-align: center;
    border-bottom: 1px solid #cbcbcb;
    padding: 6px 10px;
}

.superplan .logiciels .comparatif th.align-right {
    text-align: right;
    border-right: 0;
}

.superplan .logiciels .comparatif th:nth-child(2) {
    border-left: 0;
}

.superplan .logiciels .comparatif td {
    padding: 3px 10px;
    text-align: right;
    border-bottom: 1px solid #cbcbcb;
}

.superplan .logiciels .comparatif td.align-left {
    text-align: left;
}

.superplan .logiciels .comparatif .prix td {
    font-size: 16px;
    text-align: left;
    padding: 0;
    margin: 0;
    border: 0;
}

.superplan .logiciels .comparatif .prix td strong {
    font-size: 50px;
}

.superplan .logiciels .comparatif .prix td p {
    margin: 3px 0 0 3px;
    padding: 0;
}

.superplan .logiciels .comparatif tfoot td {
    color: #ff5800;
    text-align: center;
    font-weight: bold;
    border: 0;
}

.superplan .logiciels .duo td {
    border: 0;
}

.superplan .logiciels .duo td.align-left {
    font-size: 24px;
    color: #009fda;
    font-weight: bold;
}

.superplan .logiciels .duo .inside {
    padding: 25px;
}

.superplan .logiciels .duo .inside h2 {
    color: #009fda;
    font-size: 32px;
    text-align: center;
}

.superplan .logiciels .duo .inside ul {
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
    width: 100%;
    float: left;
}

.superplan .logiciels .duo .inside ul li {
    margin-bottom: 20px;
}

.superplan .logiciels .duo .inside ul li i {
    margin-right: 15px;
    min-height: 65px;
    float: left;
}

.superplan .logiciels .duo .inside .prix {
    text-align: center;
}

.superplan .logiciels .duo .inside .prix h3,
.superplan .logiciels .duo .inside .prix p {
    float: left;
    width: 100%;
    margin: 0;
}

.superplan .logiciels .duo .inside .prix .montant {
    font-size: 24px;
    margin: 5px 0 10px;
}

.superplan .infos #bloc-flexibilite {
    float: left;
    background-color: #ffffff;
    border: 1px solid #dadada;
    margin: 30px 15px 30px 0;
}

.superplan .infos #bloc-flexibilite .bloc_content {
    border: 1px solid #ffffff;
    background-image: linear-gradient(#f0f0f0 0, #ffffff 100px);
    height: 317px;
    width: 100%;
    position: relative;
    float: left;
}

.superplan .infos #bloc-flexibilite .bloc_content h2 {
    margin: 20px 0 9px 24px;
    font-size: 26px;
}

.superplan .infos #bloc-flexibilite .bloc_content p {
    margin: 0 0 0 24px;
    font-size: 14px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes {
    float: left;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes.padding {
    background: url("../../../Binaires/images/produit/2015/bg_flexibilite.png") left bottom no-repeat;
    padding: 20px 24px 0;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes h3 {
    margin: 0;
    position: absolute;
    top: 40px;
    font-size: 22px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete {
    float: left;
    width: 100%;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete img,
.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete p,
.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete ul {
    float: left;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete p {
    margin: 36px 0 0 10px;
    font-size: 16px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .entete p span {
    font-size: 14px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne {
    width: 33%;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne:first-of-type {
    padding-top: 65px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne:first-of-type .entete p {
    margin-left: -5px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne:nth-child(3) {
    padding-top: 32px;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne ul {
    margin: 13px 0 20px;
    padding-left: 24px;
    list-style: none;
    float: left;
}

.superplan .infos #bloc-flexibilite .bloc_content .colonnes .colonne ul li {
    font-size: 14px;
}

.superplan .infos .temoignage {
    background: url('../../../Binaires/images/produit/2015/temoignage.jpg') top left no-repeat;
    margin-top: 30px;
    background-color: #ffffff;
    border: 1px solid #dadada;
    height: 258px;
}

.superplan .infos .temoignage .inside {
    float: left;
    width: 100%;
    padding: 25px;
    height: 256px;
    border: 1px solid #ffffff;
}

.superplan .infos .temoignage h3 {
    font-size: 20px;
    margin: 0;
    color: #4d4f53;
}

.superplan .infos .temoignage p {
    width: 150px;
    font-size: 13px;
}

.superplan .infos .temoignage img {
    border: 1px solid #cbcbcb;
}

.superplan .offre {
    width: 100%;
    float: left;
    position: relative;
}

.superplan .offre .fond-gris {
    position: absolute;
    left: 50%;
    top: 0;
    height: 280px;
    width: 2000px;
    margin-left: -1000px;
    z-index: -1;
}

.superplan .offre .h2 {
    font-size: 32px;
    background: url('../../../Binaires/images/produit/2015/superplan.gif') left top no-repeat;
    background-size: 86px auto;
    padding-left: 101px;
    line-height: 86px;
    margin: 15px 0;
}

.superplan .offre ol {
    padding-left: 20px;
}

.superplan .offre ol li {
    margin-bottom: 10px;
    font-size: 14px;
}

.superplan .offre a {
    font-size: 13px;
    color: #4d4f53;
}

.blocs_content .bloc .bloc_content .liste-actus {
    float: left;
    width: 700px;
    margin-right: 30px;
}

.blocs_content .bloc .bloc_content .liste-actus .actu {
    display: none;
}

.blocs_content .bloc .bloc_content .liste-actus .actu.active {
    display: block;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-titre,
.blocs_content .bloc .bloc_content .menu-actus .menu-titre {
    margin: 0 0 0.5em 0;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu p {
    margin: 0 0 0.5em 0;
    font-size: 14px;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu > h3 {
    margin: 2em 0 0.5em;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu .introList {
    margin-bottom: 0;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu .introList + ul {
    margin-top: 0;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu .accordeon .ui-accordion-header {
    border: 0;
    border-bottom: 1px solid #ffffff;
    background: #eff0ee;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    cursor: pointer;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu .accordeon .ui-widget-content {
    border: 1px solid #eff0ee;
    border-top: 0;
    background: none;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2em;
    padding: 15px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.blocs_content .bloc .bloc_content .liste-actus .actu-contenu .accordeon a , .actu-contenu a{
    color: #0099cc !important;
}

.blocs_content .bloc .bloc_content .menu-actus {
    float: left;
    width: 226px;
}

.blocs_content .bloc .bloc_content .menu-actus ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.blocs_content .bloc .bloc_content .menu-actus ul li {
    padding: 5px 0;
}

.blocs_content .bloc .bloc_content .menu-actus ul li a {
    color: #009fda;
}


/* PAGE TELECHARGEMENT */

.blocs_content .page_telechargement {
    margin-top: 50px;
}

.blocs_content .page_telechargement * {
    box-sizing: border-box;
}

.blocs_content .page_telechargement a {
    text-decoration: underline;
    color: #009fda;
}

.blocs_content .page_telechargement .underline {
    text-decoration: underline;
    cursor: pointer;
}

.blocs_content .page_telechargement .mentions {
    padding: 10px 19px 15px !important;
    width: 100%;
    float: left;
    margin: 0 !important;
}

.blocs_content .page_telechargement .mentions em {
    font-size: 10px;
}

.blocs_content .page_telechargement .padding_hb {
    padding: 14px 0;
}

.blocs_content .page_telechargement .etape {
    margin-bottom: 40px;
    width: 100%;
    float: left;
    clear: both;
}

.blocs_content .page_telechargement .etape:last-child {
    margin-bottom: 0;
}

.blocs_content .page_telechargement .etape h2 {
    height: 35px;
    margin: 0;
    font-size: 24px !important;
    font-family: inherit;
    line-height: 35px;
}

.blocs_content .page_telechargement .etape h2 span {
    font-weight: normal;
}

.blocs_content .page_telechargement .etape h2 .numero {
    height: 35px;
    width: 66px;
    display: inline-block;
    padding-left: 19px;
    margin-right: 9px;
    background: url('../../../Binaires/images/telechargement/fond-numero.gif') 0 0 no-repeat;
    color: #ffffff;
    font-size: 29px;
}

.blocs_content .page_telechargement .etape h2 + p {
    padding: 0 20px 0 75px !important;
    margin: 15px 0 !important;
    font-size: 14px !important;
}

.blocs_content .page_telechargement .etape .logiciel,
.blocs_content .page_telechargement .etape .module {
    position: relative;
    margin-left: 19px;
}

.blocs_content .page_telechargement .etape .logiciel {
    background: url('../../../Binaires/images/telechargement/fond-logiciel.gif') 0 0 no-repeat;
    height: 85px;
    border-bottom: 1px solid #ffffff;
}

.blocs_content .page_telechargement .etape .module {
    background: url('../../../Binaires/images/telechargement/fond-module.gif') 0 0 no-repeat;
    height: 70px;
    border-bottom: 1px solid #ffffff;
}

.blocs_content .page_telechargement .etape .icone,
.blocs_content .page_telechargement .etape .infos,
.blocs_content .page_telechargement .etape .num_licence,
.blocs_content .page_telechargement .etape .action {
    position: absolute;
}

.blocs_content .page_telechargement .icone {
    top: 15px;
    left: 15px;
    width: 56px;
    height: auto;
}

.blocs_content .page_telechargement .module .icone {
    left: 29px;
    width: 40px;
}

.blocs_content .page_telechargement .etape .infos {
    left: 85px;
    top: 17px;
}

.blocs_content .page_telechargement .etape .module .infos {
    top: 15px;
}

.blocs_content .page_telechargement .etape .infos * {
    margin: 0;
}

.blocs_content .page_telechargement .etape .infos h3,
.blocs_content .page_telechargement .etape .infos h4 {
    color: #009fda;
}

.blocs_content .page_telechargement .etape .logiciel .infos h3 {
    font-size: 18px;
}

.blocs_content .page_telechargement .etape .logiciel .infos h4 {
    font-size: 16px;
}

.blocs_content .page_telechargement .etape .module .infos h3,
.blocs_content .page_telechargement .etape .logiciel .infos p,
.blocs_content .page_telechargement .etape .num_licence h5 {
    font-size: 14px;
}

.blocs_content .page_telechargement .etape .module .infos h4,
.blocs_content .page_telechargement .etape .module .infos p {
    font-size: 12px;
}

.blocs_content .page_telechargement .etape .num_licence {
    left: 520px;
    top: 20px;
}

.blocs_content .page_telechargement .etape .num_licence h5 {
    margin: 0 0 5px;
    font-weight: normal;
}

.blocs_content .page_telechargement .etape .num_licence .itemserial {
    padding: 0 10px;
    background-color: #ffffff;
    border: 1px dashed #666666;
    color: #009fda;
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    display: inline-block;
    line-height: 30px;
}

.blocs_content .page_telechargement .etape .bouton {
    background-repeat: no-repeat;
    background-image: url("../../../Binaires/images/global/2016/fleche_bt.png");
    transition: all 0.2s linear;
    cursor: pointer;
    text-decoration: none;
}

.blocs_content .page_telechargement .etape .bouton.lite {
    height: 30px;
    font-size: 13px;
    background-repeat: no-repeat;
    padding: 7px 9px 7px 26px;
    background-size: 18px 18px;
    background-position: 5px 5px;
}

.blocs_content .page_telechargement .etape .bouton.medium {
    height: 40px;
    font-size: 16px;
    background-repeat: no-repeat;
    padding: 11px 9px 10px 41px;
    background-size: 21px 21px;
    background-position: 9px 9px;
}

.blocs_content .page_telechargement .etape .bouton.blanc {
    background-color: #ffffff;
    border: 1px solid #009fda;
    color: #009fda;
    background-image: url("../../../Binaires/images/global/2016/fleche_bt_bleue.png");
}

.blocs_content .page_telechargement .etape .bouton.bleu {
    background-color: #009fda;
    border: 1px solid #009fda;
    color: #ffffff;
}

.blocs_content .page_telechargement .etape .bouton.orange {
    background-color: #ff5800;
    border: 1px solid #ff5800;
    color: #ffffff;
}

.blocs_content .page_telechargement .etape .num_licence .bouton:hover {
    background-color: #009fda;
    color: #ffffff;
    background-image: url("../../../Binaires/images/global/2016/fleche_bt.png");
}

.blocs_content .page_telechargement .etape .action {
    left: 753px;
    bottom: 14px;
    text-transform: uppercase;
}

.blocs_content .page_telechargement .etape .warning {
    padding: 20px 19px 0;
}

.blocs_content .page_telechargement .etape .warning img {
    float: left;
    margin-right: 15px;
    width: 40px;
    height: auto;
}

.blocs_content .page_telechargement .etape .warning h3 {
    color: #ff5800;
    font-size: 15px;
    margin: 0;
}

.blocs_content .page_telechargement .etape .warning p {
    margin: 0;
}

.blocs_content .page_telechargement .etape .warning a {
    color: #009fda;
}

.blocs_content .page_telechargement .etape .ligne,
.blocs_content .page_telechargement .etape .colonne {
    float: left;
}

.blocs_content .page_telechargement .etape h2 + .ligne {
    margin-top: 20px;
}

.blocs_content .page_telechargement .etape .ligne {
    padding: 0 19px;
}

.blocs_content .page_telechargement .etape .gauche {
    width: 310px;
    margin-right: 26px;
}

.blocs_content .page_telechargement .etape .droite {
    width: 610px;
}

.blocs_content .page_telechargement .etape_3 .droite .bloc_gris {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.blocs_content .page_telechargement .etape .bloc_gris {
    background: url('../../../Binaires/images/POSA/bg_exclam_gris_275.png') left top no-repeat;
    padding: 20px 0 20px 32px;
}

.blocs_content .page_telechargement .etape .bloc_gris h4 {
    font-size: 15px;
    margin: 0 0 10px;
    background: url('../../../Binaires/images/POSA/puce_fleche_2.png') 0 1px no-repeat;
    padding-left: 20px;
    color: #009fda;
}

.blocs_content .page_telechargement .etape .bloc_gris p {
    font-size: 12px;
    margin: 0 0 10px;
}


/*LP CDM*/

.service_CDM .col-xs-15,
.service_CDM .col-sm-15,
.service_CDM .col-md-15,
.service_CDM .col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.service_CDM .col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .service_CDM .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .service_CDM .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .service_CDM .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.service_CDM {
    color: #4d4f53;
    font: 16px, Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
}

.service_CDM .modal-dialog {
    width: 760px;
    text-align: center;
}

.service_CDM .modal-header {
    border: 0;
}

.service_CDM .modal-body {
    padding: 0 15px 15px;
}

.service_CDM .jumbotron h1 {
    font-size: 59px;
    color: #ffffff;
    font-family: "AdelleSansSAGE-Bold";
    margin: 70px 0 50px 0;
}

.service_CDM .jumbotron h1 span {
    color: #00f5e1;
    font-family: "AdelleSansSAGE-light";
}

.service_CDM .jumbotron {
    text-align: center;
    background: url(../../../Binaires/images/LandingPage/2015/CDM/header.jpg) top center no-repeat;
    background-size: cover;
    padding: 35px 0 0;
    height: 600px;
    margin: 0;
}

.service_CDM .jumbotron a {
    color: #ffffff;
    font-size: 14px;
}

.service_CDM .jumbotron a img {
    margin-bottom: 10px;
}

.service_CDM h2 {
    font-size: 39px;
    color: #4d4f53;
    text-align: center;
    font-family: "AdelleSansSAGE-Thin";
    margin: 45px 0 32px 0;
}

.service_CDM h3 {
    font-size: 27px;
    color: #4d4f53;
}

.service_CDM h4 {
    font-size: 30px;
    font-family: "AdelleSansSAGE-light";
    color: #ffffff;
    margin: 0 0 20px
}

.service_CDM .caracteristiques h3 {
    margin: 20px 0;
    font-family: "AdelleSansSAGE-light";
}

.service_CDM .caracteristiques p {
    font-family: "AdelleSansSAGE-light";
    font-size: 16px;
}

.service_CDM .caracteristiques .row div {
    min-height: 235px;
}

.service_CDM .centrer {
    text-align: center;
}

.service_CDM .fondbleu {
    background-color: #00a4cf;
    color: #ffffff;
    height: 170px;
}

.service_CDM .liste-offres,
.service_CDM .offres-content {
    display: none;
}

.service_CDM .liste-offres .row {
    margin-bottom: 30px;
}

.service_CDM .item .item_inner {
    padding: 20px;
    font-size: 16px;
}

.service_CDM .item .item_inner h3 {
    margin: 0;
    font-size: 22px;
    font-family: 'AdelleSansSAGE-Bold';
}

.service_CDM .item .item_inner h3,
.service_CDM .item .item_inner a {
    color: #ffffff;
}

.service_CDM .item .item_inner a {
    bottom: 20px;
    position: absolute;
}

.service_CDM .item .item_inner p {
    margin: 5px 0 7px;
}

.service_CDM .item .item_inner p.lien {
    text-decoration: underline;
    margin: 0;
    cursor: pointer;
}

.service_CDM .lien-liste {
    margin: 15px 0 30px;
}

.service_CDM .lien-liste span {
    text-decoration: underline;
    color: #ffffff;
    cursor: pointer;
}

.service_CDM .offres-content .fondbleu {
    width: 535px;
    text-align: center;
    padding: 30px 0;
    min-height: 280px;
}

@media only screen and (max-width: 767px) {
    .service_CDM .caracteristiques h2 br,
    .service_CDM .caracteristiques p br,
    .service_CDM .temoignage h5 br {
        display: none;
    }
    .service_CDM .temoignage h5 {
        margin-top: 15%;
    }
    .service_CDM .offres-content .fondbleu {
        width: 100%;
        margin-bottom: 25px;
    }
}

.service_CDM .offres-content .fondbleu p {
    font-size: 42px;
    line-height: 38px;
    font-family: "AdelleSansSAGE-BoldItalic";
    margin: 0 0 30px;
    min-height: 80px;
}

.service_CDM .offres-content .fondbleu .font_30 {
    font-size: 30px;
}

.service_CDM .offres-content .fondbleu .v_centrer {
    line-height: 80px;
}

.service_CDM .fondbleufonce {
    background-color: #2a3456;
    color: #ffffff;
    font-family: "AdelleSansSAGE-light";
    padding-bottom: 50px;
}

.service_CDM .fondbleufonce h2 {
    color: #ffffff;
    padding-top: 10px;
}

.service_CDM .temoignage {
    background: url(../../../Binaires/images/LandingPage/2015/CDM/footer.jpg) top center no-repeat;
    height: 412px;
    font-family: "AdelleSansSAGE-light";
    margin-top: 45px;
    color: #ffffff;
}

.service_CDM .temoignage h5 {
    font-size: 25px;
    margin-top: 220px;
    text-align: center;
}

.service_CDM .temoignage p {
    font-size: 23px;
    text-align: right;
    margin-right: 50px;
    padding-top: 10px;
}

.service_CDM .logiciel {
    font-family: "AdelleSansSAGE-light";
}

.service_CDM .logiciel h2 {
    font-size: 39px;
    margin-top: 50px;
}

.service_CDM .logiciel p {
    font-size: 25px;
    line-height: 25px;
}

.service_CDM .logiciel p a {
    color: #00dc00;
    text-decoration: underline;
    font-size: 25px;
}

.service_CDM .adresse {
    font-family: "AdelleSansSAGE-light";
    padding-top: 70px;
}

.service_CDM .adresse p {
    font-size: 23px;
    line-height: 25px;
}

.service_CDM .adresse p:first-child {
    margin-bottom: 25px;
}

.service_CDM .adresse p a {
    color: #4d4f53;
    font-size: 39px;
}

.service_CDM .reseausociaux {
    font-family: "AdelleSansSAGE-light";
    padding: 30px 0 30px 0;
}

.service_CDM .mentions p {
    font-family: "AdelleSansSAGE-light";
    font-size: 12px;
}

.service_CDM .sticky {
    position: fixed;
    right: 0;
    top: 25%;
    transition: all 0.4s ease;
}

.service_CDM .showPanel {
    right: 365px;
}

.service_CDM .fond_fushia {
    background-color: #ed1c5e;
}

.service_CDM .fond_rose {
    background-color: #a90163;
}

.service_CDM .CDM_infos {
    color: #ffffff;
    font-family: "AdelleSansSAGE-light";
}

.service_CDM .CDM_infos * {
    box-sizing: border-box;
}

.service_CDM .CDM_infos ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.service_CDM .CDM_infos li {
    width: 88px;
    height: 104px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    padding: 8px 0;
    font-size: 14px;
}

.service_CDM .CDM_infos li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    line-height: 14px;
}

.service_CDM .CDM_infos li img {
    margin-bottom: 5px;
}

.service_CDM .CDM_infos .question_contenu {
    position: absolute;
    top: 0;
    left: 88px;
    width: 365px;
    height: 208px;
    padding: 45px 0;
    text-align: center;
}

.service_CDM .CDM_infos .question_contenu p {
    font-size: 16px;
    margin: 0;
}

.service_CDM .CDM_infos .question_contenu .telephone {
    font-family: "AdelleSansSAGE-Bold";
    font-size: 30px;
    padding: 20px 0;
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.titre_page {
    border-bottom: 1px solid #cacaca;
}

.titre_page h1 {
    font-size: 25px;
    margin: 0;
    font-weight: normal;
    color: #4d4f53;
}

.titre_page p {
    font-size: 16px;
    margin: 0 0 7px;
}

.cookie_content {
    font-size: 13px;
    padding-bottom: 25px;
}

.cookie_content * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.cookie_content .row {
    float: left;
    width: 100%;
    clear: both;
}

.clear {
    clear: both;
}

.cookie_content .row.col_2 .colonne {
    float: left;
    width: 50%;
    padding: 15px 15px 0 0;
    position: relative;
    min-height: 200px;
}

.cookie_content .row.col_2 .colonne p:last-child {
    margin-bottom: 0;
}

.cookie_content .row.col_2 .colonne h3 {
    margin-top: 15px;
}

.pos_bottom {
    position: absolute;
    bottom: 0;
}

.cookie_content h3 {
    font-size: 18px;
    margin: 30px 0 0;
}

.cookie_content h4 {
    font-size: 13px;
    margin: 15px 0 0;
    color: #009fda;
}

.cookie_content h4 + p {
    margin: 2px 0 15px;
}

.cookie_content h4 + ul {
    margin: 0;
    padding: 0;
    list-style-position: inside;
}

.fil-ariane {
    margin-bottom: 10px;
}

.fil-ariane * {
    color: #009fda;
}


/* PAGE DE CONTACT
URL : contact.aspx */

.page-contact,
.page-contact * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.page-contact {
    width: 990px;
    padding: 0 15px 30px 0;
}

.page-contact h2 {
    font-size: 22px;
    font-weight: normal;
    margin: 30px 0 15px;
    clear: both;
}

.page-contact,
.page-contact div[class^='contact_'],
.page-contact .row {
    float: left;
    width: 100%;
}

.page-contact .row .col {
    float: left;
    width: 310px;
    margin: 0 30px 30px 0;
}

.page-contact .row .col img:first-child {
    float: left;
    border: 0;
}

.page-contact .contact_detail .row .col img:first-child {
    width: 32px;
    height: 32px;
}

.page-contact .row .col:last-child {
    margin-right: 0;
}

.page-contact .row .col.two {
    width: 650px;
}

.page-contact .row .col.full {
    width: 100%;
}

.page-contact .row .col.full .item_content {
    float: left;
}

.page-contact .contact_menu .col .menu_item {
    width: 100%;
    float: left;
    padding: 15px;
    background-color: #4D4F53;
    color: #ffffff;
}

.page-contact .contact_menu .col .menu_item:hover,
.page-contact .contact_menu .col .menu_item.active {
    background-color: #009FDA;
    cursor: pointer;
}

.page-contact .contact_menu .col .menu_item img {
    margin-right: 15px;
}

.page-contact .contact_menu .col .menu_item .item_content {
    float: left;
    width: 225px;
    margin-top: -4px;
}

.page-contact .contact_menu .col .menu_item .item_content * {
    margin: 0;
}

.page-contact .contact_menu .col .menu_item .item_content h3 {
    font-weight: normal;
    font-size: 22px;
}

.page-contact .contact_menu .col .menu_item .item_content p {
    font-size: 13px;
}

.page-contact .contact_menu .col.full .menu_item {
    background-color: #ffffff;
    border: 1px solid #a6a7a9;
    color: #4D4F53;
}

.page-contact .contact_menu .col.full .menu_item:hover,
.page-contact .contact_menu .col.full .menu_item.active {
    border: 1px solid #009FDA;
    background-color: #009FDA;
    color: #ffffff;
}

.page-contact .contact_menu .col.full .menu_item .item_content {
    width: 100%;
}

.page-contact .contact_menu .col.full .menu_item .item_content h3 {
    font-size: 20px;
}

.page-contact .contact_menu .col.full .menu_item .item_content h3 span {
    font-size: 13px;
}

.page-contact .contact_detail {
    display: none;
}

.page-contact .contact_detail h2 {
    color: #009FDA;
}

.page-contact .contact_detail .col h3 {
    text-transform: uppercase;
    margin: 10px 0 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #4D4F53;
    font-size: 24px;
    font-weight: normal;
}

.page-contact .contact_detail .col h3.small {
    font-size: 16px;
}

.page-contact .contact_detail .col .col {
    margin-bottom: 0;
}

.page-contact .contact_detail .row .col.full {
    margin-top: 30px;
}

.page-contact .contact_detail #detail-item-client .col h3 + .detail_item {
    min-height: 102px;
}

.page-contact .contact_detail .col .detail_item {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.page-contact .contact_detail .col h3 + .detail_item,
.page-contact .contact_detail .col .col .detail_item:first-child,
.page-contact .contact_detail .col.full .detail_item {
    margin-top: 0;
}

.page-contact .contact_detail .col .detail_item img:first-child {
    margin-right: 15px;
}

.page-contact .contact_detail .col .detail_item .item_content {
    float: left;
    width: 263px;
    font-size: 13px;
}

.page-contact .contact_detail .col .detail_item .item_content h4 {
    font-size: 18px;
    font-weight: normal;
    color: #009FDA;
    margin: 0;
}

.page-contact .contact_detail .col .detail_item .item_content h5 {
    font-size: 13px;
    margin: 0;
}

.page-contact .contact_detail .col .detail_item .item_content a {
    color: #666666;
}

.page-contact .contact_detail .col .detail_item .item_content a + p {
    margin-top: 10px;
}

.page-contact .contact_detail .col .detail_item .item_content p {
    margin: 0 0 10px;
    line-height: 17px;
}

.page-contact .contact_detail .col .detail_item .item_content p .numero {
    margin-top: 4px;
    font-size: 18px;
    display: block;
}

.page-contact .contact_detail .col .detail_item .item_content p .mentions {
    font-size: 10px;
}

.page-contact .contact_detail .col.full .item_content {
    width: 943px;
}

.callback-hidden {
    display: none;
}


/* POUR LP AVEC VIDEO : CDM, BANKIN... */

.adelle-font {
    font-family: "AdelleSansSAGE-light";
}

.lp-video a {
    text-decoration: none;
}

.lp-video .rose {
    color: #ED1C5E;
}

.lp-video .turquoise {
    color: #00f5e1;
}

.lp-video a:hover,
.lp-video a:focus {
    text-decoration: underline;
}

.lp-video .fakeLink {
    cursor: pointer;
    text-decoration: underline;
}

.lp-video div[class^="bg-"] {
    color: #ffffff;
}

.lp-video .bg-rose {
    background-color: #ED1C5E;
    color: #ffffff;
}

.lp-video .bg-rose-fonce {
    background-color: #a90163;
    color: #ffffff;
}

.lp-video .bg-bleu-fonce {
    background-color: #2a3456;
    color: #ffffff;
}

.lp-video .bg-bleu {
    background-color: #0099cc;
    color: #ffffff;
}

.lp-video .bg-turquoise {
    background-color: #00f5e1;
    color: #ffffff;
}

.lp-video .bg-bleu-fonce a,
.lp-video .bg-bleu a {
    color: #ffffff;
}


/* JUMBOTRON */

.lp-video .bg-bankin {
    background: url("../../../Binaires/images/LandingPage/2016/bg-bankin.jpg") top center no-repeat;
    background-size: cover;
}

.lp-video .jumbotron {
    text-align: center;
}

.lp-video .jumbotron hgroup {
    text-transform: uppercase;
}

.lp-video .jumbotron h1 {
    font-family: "AdelleSansSAGE-Bold";
    color: #ffffff;
    margin-bottom: 0;
}

.lp-video .jumbotron h1 + p {
    font-family: "AdelleSansSAGE-light";
}

.lp-video .jumbotron a {
    color: #ffffff;
    font-family: Arial, Helvetica, Gotham, "Helvetica Neue", sans-serif;
}

.lp-video .jumbotron .logo {
    margin: 20px 0 10px;
}

.lp-video .jumbotron .boutons-videos {
    margin-top: 50px;
}

.lp-video .bg-bankin .btn-play {
    padding: 15px;
    text-align: left;
    font-size: 1em;
}

.lp-video .bg-bankin .btn-play img {
    float: left;
    margin-right: 15px;
}


/* FEATURES */

.lp-video .features {
    text-align: center;
}

.lp-video .features div[class^="col-"] {
    margin-top: 10px;
    margin-bottom: 10px;
}


/* OFFRES */

.lp-video .offres {
    text-align: center;
}

.lp-video div[class^="offres_"] {
    padding: 20px 0;
}

.lp-video .offres_inside {
    padding: 30px 10px;
}

.lp-video .offres_liste-logiciels div[class^="col-"] {
    margin-top: 10px;
    margin-bottom: 15px;
}

.lp-video .offres_liste-logiciels h3 {
    margin: 0;
    font-family: 'AdelleSansSAGE-Bold';
}

.lp-video .offres_liste-logiciels a {
    text-decoration: underline;
}

.lp-video .offres_logiciel a img {
    width: 100%;
    height: auto;
    margin: 10px 0 5px;
}

.lp-video .offres_logiciel p {
    margin-top: 15px;
}


/* FOOTER */

.lp-video .footer {
    text-align: center;
    padding: 30px 0;
    background-color: transparent;
}

.lp-video .footer_linkCiel a {
    color: #4d4f53;
    font-size: 39px;
}

.lp-video .footer_copyright {
    font-size: 23px;
    line-height: 25px;
    margin: 15px 0 30px;
}

.lp-video .footer_legal {
    font-family: "AdelleSansSAGE-light";
    font-size: 12px;
    margin-top: 30px;
}


/* MODAL - POPIN - VIDEO */

.dark-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(0, 0, 0, 0.7);
    display: none;
}

.popup-video {
    display: none;
    position: absolute;
    top: 15%;
    left: 50%;
    z-index: 100;
}

.popup-video .bouton-fermer {
    position: absolute;
    right: 0;
    top: -30px;
}

.popup-video video,
.popup-video iframe {
    display: none;
}

.popup-video.video-720 {
    margin-left: -360px;
    width: 720px;
    -moz-box-shadow: 0px 0px 10px 0px #656565;
    -webkit-box-shadow: 0px 0px 10px 0px #656565;
    -o-box-shadow: 0px 0px 10px 0px #656565;
    box-shadow: 0px 0px 10px 0px #656565;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);
}


/* STICKY BLOC */

.lp-video .bloc-sticky {
    position: fixed;
    right: 0;
    top: 25%;
    transition: all 0.4s ease;
}

.lp-video .showPanel {
    right: 365px;
}

.lp-video .bloc-sticky ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.lp-video .bloc-sticky ul li {
    width: 88px;
    height: 104px;
    text-align: center;
    color: #ffffff;
    margin: 0;
    padding: 8px 0;
}

.lp-video .bloc-sticky ul li a {
    color: #ffffff;
    line-height: 14px;
}

.lp-video .bloc-sticky .question-content {
    position: absolute;
    top: 0;
    left: 88px;
    width: 365px;
    height: 208px;
    padding: 45px 0;
    text-align: center;
}

.lp-video .bloc-sticky .question-content p {
    font-size: 16px;
    margin: 0;
}

.lp-video .bloc-sticky .question-content .telephone {
    font-family: "AdelleSansSAGE-Bold";
    font-size: 30px;
    padding: 20px 0;
}


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .lp-video h1 + p {
        font-size: 30px;
    }
    .lp-video .offres a img {
        width: inherit;
        height: auto;
        margin: 10px 0 5px;
    }
    .lp-video .bloc-sticky {
        top: 15%;
    }
    .lp-video .jumbotron .boutons-videos {
        margin-top: 100px;
    }
}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .lp-video .jumbotron {
        min-height: 600px;
    }
    .lp-video h1 + p {
        font-size: 60px;
    }
    .lp-video .bloc-sticky {
        top: 25%;
    }
}


/*****************************
** Specifics Pages week-end
*****************************/
/* image fond */ 
#week-compta-image {
	background-image: url("../../../Binaires/images/LandingPage/2016/slide_compta_week.jpg");
	height:306px;
	height: 306px;
    margin: -140px;
    margin-top: -50px;
    background-position-x: -210px;
	background-position: -225px 0px;
	margin-bottom: 10px;
	position: relative;
}

.bloc_week_compta .container-fluid {
	padding-right:40px;
	padding-left:40px;
}

#week-compta-image * {
	margin:0;
	padding:0;
	font-family: focoregular;

}
 
#week-compta-image h1 {
	color: #4d4f53;
    font-size: 32px;
    font-weight: bold;
    position: absolute;
	right: 226px;
    top: 92px;
    transform: rotate(-7deg);
	animation: bounce 1s ease infinite;
}
 
@keyframes bounce{
   from {top: 92px;}
     50%  {top: 87px;}
     to   {top: 92px;}
}

#week-compta-image h2{
	color: #ff5800;
    font-size: 35px;
    font-weight: bold;
    position: absolute;
    right: 255px;
    top: 136px;
    transform: rotate(-3deg);
	animation: bounce2 0.9s ease infinite;
}

@keyframes bounce2{
   from {top: 136px;}
     50%  {top: 126px;}
     to   {top: 136px;}
}

#week-compta-image p {
    color: #4d4f53;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    right: 215px;
    top: 189px;
    max-width: 500px;
}

#week-compta-image.ie p {
	font-size:15px;
}

/* blocs promos */ 
.bloc_week_compta *{
	font-family: focoregular;
}
.bloc_week_compta h2{
	
	color: #009fda;
	font-size:22px;
	
}

.bloc_week_compta div[class*=col-] p.orange {
	text-align:center;
	font-size: 16px;
	text-transform:uppercase;
	color:#ff5800;
	font-weight:600;
}
.bloc_week_compta div[class*=col-] > div{
	background:#eff0ee;	
	text-align:center;
	padding-bottom: 30px;
	max-width:320px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
	
}

.bloc_week_compta div[class*=col-] > div:hover {
	  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	  cursor:pointer;
}

.bloc_week_compta div[class*=col-] > div > span {
	
	display: block;
    width: 100%;
    background: #009fda;
    color: #ffffff;
    font-size: 18px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

.bloc_week_compta div[class*=col-] h3{
	text-align:center;
	color:#4d4f53;
	padding-top:30px;
	font-size:24px;
	font-family: focoregular;
}

.bloc_week_compta div[class*=col-] p {
	display:inline-block;
	color:#4d4f53;
	max-width:90%;
}

.bloc_week_compta div[class*=col-] a.bouton {
	display:inline-block;
	height: 40px;
	width:80%;
	line-height:40px;
	border: 0;
	outline: none;
	font-size: 18px;
	text-decoration: none;
	text-align:center;
	cursor: pointer;
    -webkit-transition: background 0.5s ease;
    -moz-transition: background 0.5s ease;
    -ms-transition: background 0.5s ease;
    -o-transition: background 0.5s ease;
    transition: background 0.2s ease-in;
	color: #ffffff;
}

 .bloc_week_compta div[class*=col-] a.bouton.orange {
	
	background:#ff5800;
	text-transform: uppercase;
    background-image: url("../../../Binaires/images/global/2016/fleche_bt.png");
    background-position: 45px center;
    background-repeat: no-repeat;
    background-size: 20px auto;
}

.bloc_week_compta div[class*=col-] a.bouton.gris {
		margin-top:10px !important;
		background:#9a9b9c;
}

 .bloc_week_compta div[class*=col-] a.bouton.orange:hover {
	 background-image: url("../../../Binaires/images/global/2016/fleche_bt.png");
	 background-color:#009fda;
	 background-position: 50px center;
	 background-repeat: no-repeat;
     background-size: 20px auto;
	 
 }
 
 .bloc_week_compta div[class*=col-] a.bouton.gris:hover {
	background:#585858;
 }  
   
 .bloc_week_compta p.orange ~ p {
	 display:block;
	 margin:auto !important;
	 max-width:80%;
	 text-align:left;
 }
 
.bloc_week_compta p.orange ~ p > span:first-child {
	font-size: 50px;
	display: inline-block;
    padding-right: 10px;
}

.bloc_week_compta p.orange ~ p > span:first-child  ~ span {
	display:inline-block;
	font-size: 20px;
    vertical-align: top;
    position: relative;
    top: 10px;
}
.bloc_week_compta p.orange ~ p > span:first-child  ~ span > span{
	position: absolute;
    left: 0px;
    top: 20px;
    width: 150px;
    font-size: 12px;
    text-align: left;
	
}

.img__content img {
    width: 50px;
}
/** SVA ITEMS **/

.item-sva {
    margin-top:8px;
    display: block;
    width: 229px;
    border-radius: 2px;
    box-shadow: 0px 0px 4px #c0c0c0 inset ;
    box-sizing: border-box;
    text-decoration: none;
}

.item-sva .num {
   color: #a50078;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    padding: 0px;
    width: 123px;
    box-sizing: border-box;
    text-align: center;
    padding-left: 5px;
    position: relative;
}
.item-sva :after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.item-sva .infos {
    background-color: #a50078;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.7em;
    padding: 4px 4px 4px 11px;
    box-sizing: border-box;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    box-sizing: border-box;
}