@import url(css/box-min.css);
@import url(css/popup-min.css);
@import url(css/retourHaut-min.css);
@import url(css/slideShow-min.css);
@import url(css/sliderNi-min.css);
@import url(css/contenuPerso-min.css);
@import url('scripts/cookiesNotice/style-min.css');
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(fonts/OpenSans-Light.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(fonts/OpenSans.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(fonts/OpenSans-Semibold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(fonts/OpenSans-Extrabold.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(fonts/OpenSans-Italic.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(fonts/OpenSans-CondensedLight.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(fonts/OpenSans-CondensedBold.woff) format('woff');
}
.ancre {
    text-decoration:none;
}
html {
    width:100%;
    height:100%;
}
body {
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    font-family: 'Open Sans', Arial, sans-serif;
    color: #333333;
    font-size: 16px;
    font-weight:400;
    overflow:auto;
    width:100%;
    padding-top:45px;
}
body.intro {
    width:100%;
    height:100%;
    overflow:hidden;;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: cover;
}
h1, h2, h3 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
}
.ui.input, .ui.button.big {
    font-size: 16px !important;
}
.ui.button.big {
    padding: 1em;
}
* {
    box-sizing: initial;
}
#logoIntro {
    width: 100%;
    height: 25%;
    text-align:center;
    margin-top: 5%;
}
#logoIntro img {
    height: 100%;
}
.screenshot {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:0%;
    margin-bottom:0%;
}
.screenshot img {
    width:90%
}
.titre_detail {
    font-size: 16px;
    text-align:justify;
}
/*HEADER***********************************************************************/
header {
    background-color: #5e6163;
    background-image:url('./images/header_fond.png');
    background-repeat:repeat-x;
    height:70px;
    width:100%;
    overflow:hidden;
    position: fixed;
    top:0px;
    left:0px;
    z-index:100000;
}
header .interne, #menuBig .interne {
    width:1170px;
    margin-left:auto;
    margin-right:auto;
}
header .interne {
    height:70px;
}
header .interne .logo {
    background-image:url('./images/header_texture.png');
    background-repeat:no-repeat;
    height:70px;
    width:352px;
    overflow:hidden;
    float:left;
}
header .interne .options {
    height:70px;
    overflow:hidden;
    float:right;
    padding-top:20px;
}
header .interne .options .menu {
    overflow:hidden;
    float:left;
    position:relative;
}
header .interne .options .menu #menuCache.cache {
    margin-top: 80px;
}
header .interne .options .outils {
    overflow:hidden;
    float:left;
}
header .interne .options .bouton {
    display:block;
    float:left;
    background-color:#383a3b;
    text-decoration:none;
    overflow:hidden;
    margin-left:22px;
}
header .interne .options .bouton i {
    background-color:#70799a;
    float:left;
    display:block;
    margin:0px;
    width:32px;
    height:27px;
    color:#ced1db;
    font-size:18px;
    padding:4px;
    opacity: 1;
}
header .interne .options .bouton div {
    background-color:#555555;
    float:left;
    color: #f2f2f2;
    font-size:12px;
    border:1px solid #999999;
    border-left-width:0px;
    padding: 4px;
    padding-left:8px;
    padding-right:8px;
    text-transform: uppercase;
    cursor:pointer;
}
header .interne .options .bouton div:hover {
    background-color:#70799a;
    border-color:#70799a;
}
#bandeau {
    width: 100%;
    height: 480px;
    overflow:hidden;
}
#bandeau .citation {
    overflow:hidden;
    color:#8c8f91;
    font-size:22px;
    font-style: italic;
    letter-spacing:1px;
    line-height:30px;
    background-color:#FFFFFF;
}

/*FIN HEADER*******************************************************************/


/*MENU BIG*********************************************************************/
#menuBig {
    background-color:#003867;
    width:100%;
    height:202px;
}
#menuBigBas {
    background-color:#ff7800;
    width:100%;
    height:4px;
}
#menuBig .interne {
    position:relative;
    display:table;
    width:1170px;
    padding-top:50px;
}
#menuBig .interne #flecheMenuBig {
    position:absolute;
    background-image:url('./images/fleche_menuBig.png');
    background-repeat:no-repeat;
    height:18px;
    width:82px;
    overflow:hidden;
    top:0px;
    left: 80px;
    z-index:1;
}
#menuBig .interne .lien {
    display:table-cell;
    margin-top: 52px;
    text-align:center;
    font-weight:400;
    padding:30px;
    padding-left: auto;
    padding-right: auto;
    color:#DDDDDD;
    border:0px solid #336085;
    border-right-width: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-size:20px;
    cursor:pointer;
}
#menuBig .interne .lien:hover {
    color:#FFFFFF;
}
#menuBig .interne .lien.first {
    border-left-width: 1px;
}
/*FIN MENU BIG*****************************************************************/

/*STRUCTURE PAGE***************************************************************/
#corps {
    background-color:#f6f6f6;
    padding-bottom: 80px;
}
#corps.clair {
    background-color:#FFFFFF;
}
.paragraphe {
    overflow:hidden;
    padding-top:15px;
}
.paragraphe.first {
    padding-top:0px;
}
.paragraphe .interne {
    overflow:hidden;
    width:1170px;
    margin-left:auto;
    margin-right:auto;
}
.paragraphe .texteIntro {
    float:left;
    width: 830px;
    color:#364958;
    font-size: 18px;
    margin-top: 15px;
    text-align:justify;
    font-weight:300;
}
.paragraphe .texteIntro h1 {
    font-size: 38px;
    margin:0px;
    margin-bottom: 0px;
    padding:0px;
    display:block;
}
.paragraphe .texteIntro h2 {
    font-size: 24px;
    margin:0px;
    margin-bottom: 15px;
    padding:0px;
    display:inline;
}
.paragraphe #zoneReferences {
    float:right;
    background-color:#dee2e5;
    width: 294px;
    height: 242px;
    overflow:hidden;
    margin-left: 20px;
    margin-top: 20px;
}
.paragraphe .zoneTitre {
    background-color:#d5dade;
    padding-top:25px;
    padding-bottom:35px;
    border-top:8px solid #adb2b6;
    margin-top:25px;
}
.paragraphe .zoneTitre.clair {
    background-color:#e6eaee;
    border-top:8px solid #c7ccd0;
}
.paragraphe .zoneTitreFooter .interne {
    background-image: url('images/flecheBas_paragraphe.png');
    background-position: left top;
    background-repeat: no-repeat;
    height:18px;
    margin-bottom:5px;
}
.paragraphe .zoneTitre .icone {
    background-repeat:no-repeat;
    background-position:-8px -2px;
    min-height: 118px;
    padding-left: 125px;
    padding-top: 20px;
}
.paragraphe .zoneTitre .icone.valeur {
    background-image:url('images/iconeValeursEtEngagements.png');
}
.paragraphe .zoneTitre .icone.contact {
    background-image:url('images/iconeContact.png');
}
.paragraphe .zoneTitre .icone.produits {
    background-image:url('images/iconeProduits.png');
}
.paragraphe .zoneTitre .icone.references {
    background-image:url('images/iconeReferences.png');
}
.paragraphe .zoneTitre .icone.services {
    background-image:url('images/iconeServices.png');
}
.paragraphe .zoneTitre h1.titre, .paragraphe .zoneTitre h2.titre, .paragraphe .zoneTitre h3.titre {
    color:#4e4f51;
    display:block;
    font-size:38px;
    font-weight:300;
    line-height:52px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.paragraphe .zoneTitre h2.soustitre, .paragraphe .zoneTitre h3.soustitre, .paragraphe .zoneTitre h4.soustitre {
    color:#003867;
    display:block;
    font-size:24px;
    font-weight:300;
    margin-top:5px;
}
.paragraphe .colonnePrincipale {
    float:left;
    width: 75%;
    margin-right:2%;
    overflow:hidden;
    
}
.paragraphe .colonnePrincipale .intro {
    font-size: 18px;
    color: #666666;
    margin-top:5px;
    margin-bottom: 25px;
    text-align: justify;
}
.paragraphe .colonnePrincipale.marge {
    width: 73%;
    margin-right:4%;
}
.paragraphe .colonneDroite {
    float:right;
    width: 23%;
    overflow:hidden;
}
.titreSeparation {
    border-top: 1px solid #CCCCCC;
    padding-top:25px;
    margin-bottom:20px;
    font-size:40px;
    text-transform: uppercase;
    color:#ff7800;
    letter-spacing:4px;
}
.titreSeparation.debut {
    border-top: 0px solid #CCCCCC;
    padding-top:0px;
    margin-bottom:20px;
    font-size:40px;
    text-transform: uppercase;
    color:#ff7800;
    letter-spacing:4px;
}
#contenu_form_appel {
    margin-top: 20px;
}
#contenu_form_appel .ui.input {
    font-size:18px !important;
}
#contenu_form_appel #telRappelAuto {
    font-size:16px;
    width: 500px;
}
#contenu_form_appel .ui.button.big {
    margin-left: 15px;
}
/*FIN STRUCTURE PAGE***********************************************************/

/*DEMARCHE*********************************************************************/
.demarche .titre {
    color:#464748;
    font-size: 26px;
    font-weight:300;
    margin-bottom:30px;
}
.demarche .illustration {
    margin-bottom:30px;
    display:table;
    width:100%;
    height: 150px;
    border-collapse: collapse;
    border:0px solid transparent;
}
.demarche .illustration .etape {
    background-color:#196fb6;
    background-image: url('./images/iconeGestion_fleche.png');
    background-position: 0px 57px;
    background-repeat: no-repeat;
    padding-top: 10px;
    display:table-cell;
    border-collapse: collapse;
    border-left:2px solid #f6f6f6;
    font-size:16px;
    text-transform:uppercase;
    color:#FFFFFF;
    text-align:center;
    width:20%;
}
.demarche .illustration .etape:hover {
    background-color:#1e80d1;
}
.demarche .illustration .etape .icone {
    margin-top:25px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.demarche .illustration .etape .icone img {
    height: 60px;
}
.demarche .illustration .etape.first {
    background-image: none;
    border-left:0px solid transparent;
}
.demarche .point {
    background-image: url('./images/tick.png');
    background-repeat: no-repeat;
    padding-left: 60px;
    margin-bottom: 50px;
}
.demarche .point .titre {
    color:#464748;
    font-size: 30px;
    font-weight:400;
    margin-bottom:5px;
}
.demarche .point .texte {
    color:#464748;
    font-size: 20px;
    font-weight:300;
    line-height: 28px;
}
/*FIN DEMARCHE*****************************************************************/

#barre_option {
    background-color: #204d74;
    height: 33px;
    overflow:hidden;
}
#barre_option_contenu {
    width: 932px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    border: 0px solid #96a2ad;
    border-left-width: 1px;
    height: 33px;
}
#barre_option_contenu a, #barre_option_contenu span {
    display:block;
    float:left;
    height: 25px;
    border: 0px solid #96a2ad;
    border-right-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
    color: #FFFFFF;
    font-weight:normal;
    font-size: 14px;
    text-decoration:none;
    background-color:transparent;
}
.option_langue_fr {
    background-image:url(images/flagFr.gif);
    background-repeat:no-repeat;
    width: 19px;
    height: 11px;
    position:absolute;
    top: 165px;
    left: 0px;
}
.option_langue_en {
    background-image:url(images/flagEn.gif);
    background-repeat:no-repeat;
    width: 19px;
    height: 11px;
    position:absolute;
    top: 165px;
    left: 26px;
}
#barre_option_contenu a:hover, #barre_option_contenu .fauxlien:hover {
    background-color:#1e5687;
}
.option_texte {
    color:#FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-decoration:none;
}
.option_lien {
    color:#f8d97c;
    font-size: 14px;
    cursor:pointer;
    font-weight: bold;
    text-decoration:none;
}
.option_lien:hover {
    text-decoration:underline;
}
.contactEntete {
    float:left;
    width: 110px;
    color: #000000;
    font-size: 12px;
    font-weight:bold;
    padding-top: 6px;
}
.contactTexte {
    color: #1F2536;
    font-size: 16px;
}
.casei {
    
    font-size: 12px;
    padding: 5px;
    color: #444444;
    font-weight:bold;
    border: 1px solid #DDDDDD;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    width: 570px;
}
.casei:hover {
    border: 1px solid #AAAAAA;
}
.bouton_gris {
    background-image:url(images/bouton_gris.png);
    display:block;
    font-family:Arial Black, Arial, sans-serif;
    color:#FFF;
    font-size: 12px;
    font-weight:bold;
    letter-spacing: 1px;
    background-repeat:no-repeat;
    width: 82px;
    height: 22px;
    text-align:center;
    padding-top: 4px;
    text-decoration:none;
}
img {
    border: 0px solid;
    padding: 0px;
    margin: 0px;
}
#entete {
    background-image: url('images/entete_fond.png');
    background-repeat: repeat-x;
    height: 270px;
    overflow:hidden;
    position:relative;
}
#cadreAccueil {
    width: 100%;
    background-color:#ececec;
    overflow:hidden;
    border: 0px solid #9e9e9e;
    border-top-width: 1px;
}
#cadreBas {
    width: 100%;
    background-image: url('images/bas_fond.png');
    background-repeat:repeat-x;
    height: 392px;
    overflow:hidden;
}
#colonnePrincipale {
    float:left;
    width: 701px;
}
.technologie_illustration {
    float:left;
    width: 95px;
    text-align:center;
}
.technologie_texte {
    float:left;
    color: #444444;
    font-size: 11px;
    text-align:center;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 15px;
    width: 85px;
    overflow:hidden;
}
.technologie_texte_grand {
    float:left;
    color: #444444;
    font-size: 11px;
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 20px;
    width: 500px;
    overflow:hidden;
}
.technologie_separateur {
    clear:both;
    border: 0px solid #c0c0c0;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-color: #FFFFFF;
}
.technologie_separateur2 {
    clear:both;
    border: 0px solid #DDDDDD;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-bottom-color: #FFFFFF;
}
.titrePrincipal {
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
}
#colonneDroite {
    float:right;
    width: 192px;
}
.copy {
    color:#FFFFFF;
    font-size: 11px;
}
.caseLiensBas {
    float:left;
    border: 0px solid #999999;
    border-left-width: 1px;
    margin-left: 50px;
    padding-left: 15px;
    width: 170px;
}
.boutonRetourServices {
    display:block;
    background-color:transparent;
    background-image:url(images/service_retour_bouton.png);
    background-repeat:no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration:none;
    text-align:center;
    padding-top: 5px;
    width: 123px;
    height: 30px;
    margin-left: 5px;
}
.boutonSubmit {
    display:block;
    background-color:transparent;
    background-image:url(images/service_retour_bouton.png);
    background-repeat:no-repeat;
    color: #FFFFFF;
    font-size: 12px;
    text-decoration:none;
    text-align:center;
    width: 123px;
    height: 35px;
    margin-left: 5px;
    padding-bottom: 10px;
    border: 0px solid;
}
.enteteLiensBas {
    color: #FFFFFF;
    font-size: 14px;
    text-decoration:none;
}
.lienBas {
    color: #C8D6F7;
    font-size: 11px;
    text-decoration:none;
}
.lienBas:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
.module {
    width: 100%;
    background-color:#dee2e5;
    overflow:hidden;
    margin-bottom: 25px;
}
.texte {
    
    font-size: 12px;
    color:#283846;
    line-height: 16px;
}
.module_entete {
    background-image:url('images/flecheBlockTitre.png');
    background-repeat:no-repeat;
    background-position: 20px 26px;
    font-size: 26px;
    color:#5c7081;
    padding: 10px;
    padding-top: 20px;
    padding-left:52px;
    letter-spacing: 0px;
}
.module_intro {
    padding-top:3px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
    color:#4f5153;
    text-align: justify;
    padding-bottom: 20px;
}
.module_services {
    background-color:#f0f0f0;
    margin-bottom:2px;
}
.module_corps {
    font-size: 12px;
    color:#434d55;
    padding: 0px;
    overflow:hidden;
}
#coordonnees_adresse {
    background-image:url('images/coordonnees_icones_adresse.png');
    background-repeat:no-repeat;
    padding-left: 37px;
    padding-top: 5px;
}
#coordonnees_tel {
    background-image:url('images/coordonnees_icones_tel.png');
    background-repeat:no-repeat;
    background-position: 0px 7px;
    padding-left: 37px;
    height: 25px;
    padding-top: 5px;
    font-size: 16px;
    font-weight:bold;
}
#coordonnees_email {
    display:block;
    background-image:url('images/coordonnees_icones_email.png');
    background-repeat:no-repeat;
    padding-left: 37px;
    padding-top: 1px;
    font-size: 14px;
    color:#245a91;
    margin-top: 5px;
    text-decoration:underline;
}
#coordonnees_plan {
    border: 0px solid #FFFFFF;
}
#contenuBas {
    background-image: url('images/bas_centre.png');
    background-repeat:no-repeat;
    width: 940px;
    margin-left:auto;
    margin-right:auto;
    height: 392px;
    min-height: 392px;
    padding-top: 30px;
}
#contenuAccueil {
    background-image: url('images/fleche_bas.png');
    background-repeat:no-repeat;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
.contenuAccueil {
    background-repeat:no-repeat;
    padding-top: 24px;
    padding-bottom: 24px;
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}
#contenuAccueil_internet {
    background-image: url('images/fleche_bas.png');
}
#contenuAccueil_ecommerce {
    background-image: url('images/fleche_bas_verte.png');
}
#contenuAccueil_applications {
    background-image: url('images/fleche_bas_orange.png');
}
#contenuAccueil_referencement {
    background-image: url('images/fleche_bas_rouge.png');
}
#contenuAccueil_ged {
    background-image: url('images/fleche_bas_bleuClair.png');
}
#contenuAccueil_audit {
    background-image: url('images/fleche_bas_violet.png');
}
#entete_contenu {
    width: 1170px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    height: 227px;
}
#entete_illustration {
    position:absolute;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    height: 234px;
    top: 0px;
    width: 100%;
}
#entete_illustration_interne {
    background-repeat:no-repeat;
    background-position:right;
    width: 1170px;
    overflow:hidden;
    margin-left:auto;
    margin-right:auto;
    height: 234px;
    cursor:pointer;
}
.entete_illustration_interne_en {
    background-image:url(images/illustration_en.png);
}
.entete_illustration_interne_1 {
    background-image:url(images/illustration_creation_site_internet.png);
}
.entete_illustration_interne_2 {
    background-image:url(images/illustration_site_restaurant.png);
}
.entete_illustration_interne_3 {
    background-image:url(images/illustration_ecommerce.png);
}
.entete_illustration_interne_4 {
    background-image:url(images/illustration_site_mobile.png);
}
.entete_illustration_interne_5 {
    background-image:url(images/illustration_comite_entreprise.png);
}
.entete_illustration_interne_6 {
    background-image:url(images/illustration_portail_mairie.png);
}
#entete_menu_cadre {
    height: 43px;
    overflow:hidden;
    position:relative;
}
#entete_menu_ligne {
    height: 42px;
    overflow:hidden;
    border: 0px solid #9e9e9e;
    border-bottom-width: 1px;
    z-index:0;
}
.menu_select {
    width: auto !important;
    background-image:url(images/menu_fond_select.jpg);
    background-repeat:repeat-x;
    height:41px;
    display:block;
    border:1px solid #9e9e9e;
    border-bottom-width: 0px;
    font-size: 18px;
    color: #002c54;
    text-align:center;
    padding-left: 22px;
    padding-right: 22px;
    padding-top: 10px;
    text-decoration:none;
    float:left;
    position:absolute;
}
.menuLarge {
    padding-left: 36px;
    padding-right: 36px;
}
#entete_menu {
    height: 42px;
    width: 100%;
    overflow:hidden;
    position:absolute;
    z-index:1;
    top: 1px;
    border: 0px solid #FF0000;
}
#entete_menu_interne {
    width: 1170px;
    height: 42px;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    position:relative;
}
/*LOGO*************************************************************************************************************/
#logoPrincipal {
    display:block;
    float:left;
    margin-top: 27px;
    position:relative;
}
#logoPrincipal_logo {
    z-index: 2;
}
.logoPrincipal_pixel {
    z-index: 1;
    position:absolute;
    top: 40px;
    left: 70px;
}
/*FIN LOGO*********************************************************************************************************/
#news_options {
    float:right;
    width: 40px;
    height: 163px;
    background-color: #c5c8cb;
    text-align:center;
    padding-top: 5px;
}
#news_cadre {
    float:right;
    background-image:url(images/news_fond.jpg);
    background-repeat:no-repeat;
    border: 1px solid #c5c8cb;
    border-top-width: 0px;
    width: 450px;
    height: 151px;
    padding: 10px;
}
p {
    margin: 0px;
    padding: 0px;
}
#news_titre {
    font-size:18px;
    color:#003867;
    display:block;
    float:left;
    width: 200px;
}
#news_fb {
    float:right;
}
.tableau_lienbas {
    padding: 0px;
    margin: 0px;
    border: 0px solid;
}
.news_date {
    font-size:12px;
    color: #F86207;	
}
.news_texte {
    font-size:14px;
    color:#55595c;
    margin-top: 5px;
}
.news_texte a {
    font-size:14px;
    color:#245a91;	
}
.googleMapCadre_small {
    overflow:hidden;
    width: 100%;
    height: 200px;
    border: 0px solid;
}
.news_texte a:hover {
    color: #1f87ef;	
}
#news_cadre_haut {
    overflow:hidden;
    border: 0px solid #dfe0e1;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#news_options_back {
    background-image:url(images/news_options_back.png);
    background-repeat:no-repeat;
    width: 26px;
    height: 24px;
    cursor:pointer;
    margin-top: 73px;
    margin-left: 7px;
}
#news_options_next {
    background-image:url(images/news_options_next.png);
    background-repeat:no-repeat;
    width: 26px;
    height: 24px;
    cursor:pointer;
    margin-top: 7px;
    margin-left: 7px;
}
#contenuPrincipal {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow:hidden;
}
#contenuPrincipalService {
    width: 1170px;
    margin: 0px;
    margin-left:auto;
    margin-right:auto;
    padding: 0px;
    padding-top: 50px;
    overflow:hidden;
    padding-bottom: 20px;
}
#bienvenuefr {
    background-image:url(images/language/fr/bienvenue.jpg);
    background-repeat:no-repeat;
    padding-left: 260px;
    padding-top: 12px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#bienvenueen {
    background-image:url(images/language/en/bienvenue.jpg);
    background-repeat:no-repeat;
    padding-left: 240px;
    padding-top: 12px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_servicesfr {
    background-image:url(images/language/fr/nosServices.jpg);
    background-repeat:no-repeat;
    padding-left: 280px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_comptetencesfr {
    background-image:url(images/language/fr/nosCompetences.jpg);
    background-repeat:no-repeat;
    padding-left: 379px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_comptetencesen {
    background-image:url(images/language/en/nosCompetences.jpg);
    background-repeat:no-repeat;
    padding-left: 336px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_produitsfr {
    background-image:url(images/language/fr/nosProduits.jpg);
    background-repeat:no-repeat;
    padding-left: 295px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
    display:block;
}
#titre_produitssen {
    background-image:url(images/language/en/nosProduits.jpg);
    background-repeat:no-repeat;
    padding-left: 286px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
    display:block;
}
#titre_contactfr {
    background-image:url(images/language/fr/contactezNous.jpg);
    background-repeat:no-repeat;
    padding-left: 329px;
    padding-top: 5px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_contacten {
    background-image:url(images/language/en/contactezNous.jpg);
    background-repeat:no-repeat;
    padding-left: 269px;
    padding-top: 13px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
#titre_servicesen {
    background-image:url(images/language/en/nosServices.jpg);
    background-repeat:no-repeat;
    padding-left: 280px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    min-height: 40px;
}
.titre_service {
    background-repeat:no-repeat;
    text-align:center;
    float:left;
    width: 273px;
    height: 193px;
    overflow:hidden;
}
#titre_referencesfr {
    background-image:url(images/language/fr/nosReferences.jpg);
    background-repeat:no-repeat;
    padding-left: 329px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    height: 40px;
}
#titre_referencesen {
    background-image:url(images/language/en/nosReferences.jpg);
    background-repeat:no-repeat;
    padding-left: 289px;
    padding-top: 19px;
    font-size: 14px;
    color: #3b4045;
    height: 40px;
}
#titre_service_internet {
    background-image:url(images/service_internet_titre.jpg);
}
#titre_service_ecommerce {
    background-image:url(images/service_ecommerce_titre.jpg);
}
#titre_service_applications {
    background-image:url(images/service_applications_titre.jpg);
}
#titre_service_referencement {
    background-image:url(images/service_referencement_titre.jpg);
}
#titre_service_ged {
    background-image:url(images/service_ged_titre.jpg);
}
#titre_service_audit {
    background-image:url(images/service_audit_titre.jpg);
}
.texte_service {
    float:left;
    width: 625px;
    margin-left: 25px;
    color: #3b4045;
    font-size: 14px;
    text-align:justify;
}
.ligneService {
    overflow:hidden;
}
.ligneService_bouton {
    display:block;
    font-family:Arial Black, Arial, sans-serif;
    color:#FFF;
    font-size: 12px;
    font-weight:bold;
    letter-spacing: 1px;
    background-repeat:no-repeat;
    width: 82px;
    height: 22px;
    text-align:center;
    padding-top: 3px;
    margin-top: 10px;
    float:right;
    margin-right: 4px;
    text-decoration:none;
}
.ligneService_titre {
    float:left;
    background-repeat:no-repeat;
    width: 30%;
    height: 205px;
    overflow:hidden;
    cursor:pointer;
}
.ligneService_detail {
    float:left;
    width: 70%;
    height: 205px;
    overflow:hidden;
}
.ligneService_logo {
    height:86px;
    overflow:hidden;
}
.ligneService_logo_titre {
    display:block;
    float:left;
    color: #566774;
    font-size: 14px;
    margin-top: 62px;
}
.ligneService_logo_images {
    float:right;
    margin-top: 50px;
}
.ligneService_logo_images img {
    margin-left: 5px;
}
.ligneService_infos {
    width: 634px;
    height: 103px;
    padding: 10px;
    padding-top: 4px;
    background-color: #676d78;
    border: 1px solid #383a40;
    color:#FFF;
    font-size: 12px;
}
.ligneService_infos a {
    color:#FFF;
    text-decoration:none;
    padding-left: 30px;
    display:block;
    height: 17px;
    padding-top: 2px;
    margin-top: 7px;
    background-repeat:no-repeat;
}
.ligneService_infos a:hover {
    text-decoration: underline;
}
#ligneService_infos_internet a {
    background-image:url(images/service_detail_fleche_internet.png);
}
#ligneService_infos_internet a span {
    color: #bdd5eb;
}
#ligneService_infos_ecommerce a {
    background-image:url(images/service_detail_fleche_ecommerce.png);
}
#ligneService_infos_ecommerce a span {
    color: #bde8bb;
}
#ligneService_infos_applications a {
    background-image:url(images/service_detail_fleche_applications.png);
}
#ligneService_infos_applications a span {
    color: #FFE2C6;
}
#ligneService_infos_referencement a {
    background-image:url(images/service_detail_fleche_referencement.png);
}
#ligneService_infos_referencement a span {
    color: #FFC1C1;
}
#ligneService_infos_ged a {
    background-image:url(images/service_detail_fleche_ged.png);
}
#ligneService_infos_ged a span {
    color: #bbe8e7;
}
#ligneService_infos_audit a {
    background-image:url(images/service_detail_fleche_audit.png);
}
#ligneService_infos_audit a span {
    color:  #DCB9FF;
}
#ligneService_titre_internet {
    background-image:url(images/service_detail_internet.jpg);
}
#ligneService_titre_ecommerce {
    background-image:url(images/service_detail_ecommerce.jpg);
}
#ligneService_titre_applications {
    background-image:url(images/service_detail_applications.jpg);
}
#ligneService_titre_referencement {
    background-image:url(images/service_detail_referencement.jpg);
}
#ligneService_titre_ged {
    background-image:url(images/service_detail_ged.jpg);
}
#ligneService_titre_audit {
    background-image:url(images/service_detail_audit.jpg);
}
.competence_titre {
    color: #003868;
    font-size:24px;
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.competence_titre_simple {
    color: #003868;
    font-size:24px;
    margin-bottom: 15px;
}
.prestation_titre {
    color: #003868;
    font-size:24px;
    margin-top: 20px;
    margin-bottom: 5px;
}
.prestation_ombre {
    width: 100%;

    height: 13px;
    overflow:hidden;
}
.prestation_cadre {
    width: 99.8%;
    height: 165px;
    background-repeat: repeat-x;
    overflow:hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}
.prestation_colonne_titre {
    color: #FFFFFF;
    font-size:14px;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
.prestation_colonne_texte {
    color: #FFFFFF;
    font-size:11px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    height: 48px;
}
.prestation_colonne_illustration {
    background-repeat:no-repeat;
    background-position:center;
    height: 60px;
}
.produit_avantage_ce_temps {
    background-image:url(images/icone_ni_performance.png);
}
.produit_avantage_ce_syncro {
    background-image:url(images/icone_ni_syncro.png);
}
.produit_avantage_ce_securite {
    background-image:url(images/icone_ni_securise.png);
}
.produit_avantage_ecommerce_temps {
    background-image:url(images/prestations_ecommerce_logo_temps.png);
}
.produit_avantage_ecommerce_ok {
    background-image:url(images/prestations_ecommerce_logo_ok.png);
}
.produit_avantage_ecommerce_securite {
    background-image:url(images/prestations_ecommerce_logo_securite.png);
}
#prestation_colonne_illustration_dev, #prestation_illustration_dev, .reference_details_dev {
    background-image:url(images/prestations_internet_logo_dev.png);
}
#prestation_colonne_illustration_cms, #prestation_illustration_cms, .reference_details_cms {
    background-image:url(images/prestations_internet_logo_cms.png);
}
#prestation_colonne_illustration_appliweb, #prestation_illustration_appliweb, .reference_details_appliweb {
    background-image:url(images/prestations_internet_logo_appli.png);
}
#prestation_colonne_illustration_shopdev, #prestation_illustration_shopdev, .reference_details_shopdev {
    background-image:url(images/prestations_ecommerce_logo_dev.png);
}
#prestation_colonne_illustration_shopcms, #prestation_illustration_shopcms, .reference_details_shopcms {
    background-image:url(images/prestations_ecommerce_logo_cms.png);
}
#prestation_colonne_illustration_mi, #prestation_illustration_mi, .reference_details_mi {
    background-image:url(images/prestations_ecommerce_logo_mi.png);
}
#prestation_colonne_illustration_opti, #prestation_illustration_opti, .reference_details_opti {
    background-image:url(images/prestations_ecommerce_logo_opti.png);
}
#prestation_colonne_illustration_smartphone, #prestation_illustration_smartphone, .reference_details_smartphone {
    background-image:url(images/prestations_applications_logo_smartphone.png);
}
#prestation_colonne_illustration_android, #prestation_illustration_android, .reference_details_android {
    background-image:url(images/prestations_applications_logo_android.png);
}
#prestation_colonne_illustration_websmartphone, #prestation_illustration_websmartphone {
    background-image:url(images/prestations_applications_logo_web.png);
}
.produit_avantage_template {
    background-image:url(images/prestations_internet_logo_template.png);
}
#prestation_colonne_illustration_seo, #prestation_illustration_seo, .produit_avantage_seo {
    background-image:url(images/prestations_referencement_logo_seo.png);
}
#prestation_colonne_illustration_wm, #prestation_illustration_wm {
    background-image:url(images/prestations_referencement_logo_wm.png);
}
#prestation_colonne_illustration_social, #prestation_illustration_social {
    background-image:url(images/prestations_referencement_logo_social.png);
}
#prestation_colonne_illustration_ged, #prestation_illustration_ged, .reference_details_ged {
    background-image:url(images/prestations_ged_logo_ged.png);
}
#prestation_colonne_illustration_groupware, #prestation_illustration_groupware {
    background-image:url(images/prestations_ged_logo_groupware.png);
}
#prestation_colonne_illustration_auditref, #prestation_illustration_auditref {
    background-image:url(images/prestations_audit_logo_auditref.png);
}
#prestation_colonne_illustration_auditopti, #prestation_illustration_auditopti {
    background-image:url(images/prestations_audit_logo_auditopti.png);
}
#prestation_colonne_illustration_auditcode, #prestation_illustration_auditcode {
    background-image:url(images/prestations_audit_logo_auditcode.png);
}
#prestation_colonne_illustration_ereputation, #prestation_illustration_ereputation {
    background-image:url(images/prestations_audit_logo_ereputation.png);
}
#prestation_internet {
    background-image:url(images/prestations_internet_fond.jpg);
    border: 1px solid #003868;
}
#prestation_ecommerce {
    background-image:url(images/prestations_ecommerce_fond.jpg);
    border: 1px solid #086d11;
}
#prestation_applications {
    background-image:url(images/prestations_applications_fond.jpg);
    border: 1px solid #e67b07;
}
#prestation_referencement {
    background-image:url(images/prestations_referencement_fond.jpg);
    border: 1px solid #ac0909;
}
#prestation_ged {
    background-image:url(images/prestations_ged_fond.jpg);
    border: 1px solid #0e7fc2;
}
#prestation_audit {
    background-image:url(images/prestations_audit_fond.jpg);
    border: 1px solid #7f23ca;
}
.prestation_detail_titre {
    background-repeat:no-repeat;
    padding-left:65px;
    color: #ff7800;
    font-size: 18px;
    min-height: 40px;
    margin-top: 10px;
    padding-top: 15px;
    margin-bottom: 25px;
}
.prestation_detail_soustitre {
    color: #0d5a9c;
    font-size: 16px;
    margin-top: 15px;
}
.prestation_detail_avantage {
    background-color:#FFF;
    border: 1px solid #b5b5b5;
    padding: 15px;
    margin-top: 10px;
    padding-top: 10px;
}



.presentation_produit_illustration {
    display:block;
    background-color:#FFF;
    background-repeat:no-repeat;
    background-position: 80%;
    border: 0px solid #b5b5b5;
    overflow:hidden;
    height: 234px;
    cursor:pointer;
    width: 100%;
    margin-bottom: 30px;
}

.presentation_produit_illustration_site_fr {
    background-image:url('images/language/fr/nismart-bandeau.jpg');
}
.presentation_produit_illustration_site_en {
    background-image:url('images/language/en/nismart-bandeau.jpg');
}
.presentation_produit_illustration_boutique_fr {
    background-image:url('images/language/fr/nishop-bandeau.jpg');
}
.presentation_produit_illustration_boutique_en {
    background-image:url('images/language/en/nishop-bandeau.jpg');
}
.presentation_produit_illustration_mi_fr {
    background-image:url('images/language/fr/mi-bandeau.jpg');
}
.presentation_produit_illustration_mi_en {
    background-image:url('images/language/en/mi-bandeau.jpg');
}
.presentation_produit_illustration_ce {
    background-image:url('images/language/fr/ce-bandeau.jpg');
}
.presentation_produit_illustration_ce_fr {
    background-image:url('images/language/fr/ce-bandeau.jpg');
}
.presentation_produit_illustration_ce_en {
    background-image:url('images/language/en/ce-bandeau.jpg');
}
.presentation_produit_illustration_mobile {
    background-image:url(images/illustration_site_mobile.png);
}
.presentation_produit_illustration_restaurant {
    background-image:url(images/illustration_site_restaurant.png);
}
.presentation_produit_illustration_mairie {
    background-image:url(images/illustration_portail_mairie.png);
}

.prestation_detail_avantage div {
    background-image:url(images/iconeAvantage.png);
    background-repeat:no-repeat;
    padding-left: 35px;
    min-height: 20px;
    color: #303438;
    font-size: 14px;
    padding-top: 4px;
    margin-top: 7px;
}
.demarche_cadre {
    margin-top: 10px;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.demarche_cadre_contenu {
    background-color:#FFF;
    border: 1px solid #b5b5b5;
    padding: 15px;
    margin-top: 40px;
    padding-left: 150px;
    min-height: 50px;
    padding-right: 20px;
}
.demarche_illustration {
    position:absolute;
    left: 15px;
    top: 10px;
}
.demarche_fleche {
    position:absolute;
    left: 90%;
    top: 5px;
}
.demarche_cadre_titre {
    font-size: 20px;
    color: #000000;
}
.demarche_cadre_soustitre {
    font-size: 14px;
    color: #303438;
    margin-top: 4px;
    text-align:justify;
}
.titrePrestationDetail {
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    margin-top: 20px;
}
.reference_cadre {
    background-color: #DDDDDD;
    border: 1px solid #DDDDDD;
    overflow:hidden;
}
.reference_entete {
    border: 0px solid #b0b0b0;
    overflow:hidden;
    border-bottom-width: 1px;
    height: 58px;
    overflow:hidden;
}
.reference_titre {
    float:left;
    display:block;
    padding-left: 15px;
    padding-top: 11px;
    color: #000000;
    font-size: 24px;
    width:60%;
    text-decoration:none;
}
.reference_logo {
    float:right;
    width: 30%;
    text-align:right;
    padding-right: 2%;
}
.reference_contenu {
    padding: 25px;
    overflow:hidden;
}
.reference_details {
    overflow:hidden;
    float:left;
    width: 60%;
    color: #3b4045;
    font-size: 14px;
}
.reference_contenu .texteAccueil {
    font-size:16px;
    line-height: 28px;
    text-align: justify;
}
.reference_details_titre {
    background-repeat:no-repeat;
    padding-left:65px;
    color: #ff7800;
    font-size: 14px;
    min-height: 45px;
    margin-bottom: 15px;
    padding-top: 17px;
}
.reference_details_titre div span {
    display:block;
    color: #000000;
    font-size: 14px;
    margin-top: 3px;
    border: 0px solid #CCCCCC;
    border-bottom-width: 1px;
    padding-bottom: 7px;
}
.reference_diaporama {
    overflow:hidden;
    float: right;
    width: 34%;
}
.reference_diaporama_principale {
    background-image:url(images/diaporama_fond.png);
    background-repeat:no-repeat;
    width: 263px;
    height: 254px;
    overflow:hidden;
    padding-top: 8px;
    padding-left: 9px;
}
.reference_diaporama_principale div {
    width: 253px;
    height: 236px;
    overflow:hidden;
}
.reference_diaporama_vignette {
    background-image:url(images/diaporama_vignette_fond.png);
    background-repeat:no-repeat;
    width: 123px;
    height: 90px;
    overflow:hidden;
    padding-top: 7px;
    padding-left: 5px;
    float:left;
}
.reference_diaporama_vignette div {
    width: 119px;
    height: 76px;
    overflow:hidden;
}
#service_bloc_conteneur {
    position:relative;
    height: 650px;
    overflow:hidden;
}
.service_bloc {
    background-repeat:no-repeat;
    width: 273px;
    height: 303px;
    position:absolute;
    top: 250px;
    left: 326px;
}
.service_titre {
    display:block;
    font-size:20px;
    color: #283641;
    text-align:center;
    padding-top: 20px;
    letter-spacing: 2px;
}
#contenuPrincipalService .service_titre {
    padding-top: 5px;
}
.ligneService .service_titre {
    margin-top: 110px;
}
.service_soustitre {
    display:block;
    font-size:20px;
    color:#000;
    font-weight:bold;
    text-align:center;
    margin-top: 5px;
    letter-spacing: 1px;
}
.service_detail {
    display:block;
    font-size:14px;
    letter-spacing: 0px;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
    text-align:center;
}
.service_internet_soustitre {
    color: #0b5390;
}
.service_ecommerce_soustitre {
    color: #158204;
}
.service_applications_soustitre {
    color: #ff6600;
}
.service_referencement_soustitre {
    color: #bb0f0f;
}
.service_ged_soustitre {
    color: #268fce;
}
.service_audit_soustitre {
    color: #7f23ca;
}
.service_bouton {
    display:block;
    font-family:Arial Black, Arial, sans-serif;
    color:#FFF;
    font-size: 12px;
    font-weight:bold;
    letter-spacing: 1px;
    background-repeat:no-repeat;
    width: 82px;
    height: 22px;
    text-align:center;
    padding-top: 3px;
    margin-top: 10px;
    margin-left:auto;
    margin-right:auto;
    text-decoration:none;
}
.service_internet_bouton {
    background-image:url(images/service_internet_bouton.png);
}
.service_ecommerce_bouton {
    background-image:url(images/service_ecommerce_bouton.png);
}
.service_applications_bouton {
    background-image:url(images/service_applications_bouton.png);
}
.service_referencement_bouton {
    background-image:url(images/service_referencement_bouton.png);
}
.service_ged_bouton {
    background-image:url(images/service_ged_bouton.png);
}
.service_audit_bouton {
    background-image:url(images/service_audit_bouton.png);
}
#service_internet {
    background-image:url(images/service_internet.jpg);
    z-index: 6;
}
#service_ecommerce {
    background-image:url(images/service_ecommerce.jpg);
    z-index: 5;
}
#service_applications {
    background-image:url(images/service_applications.jpg);
    z-index: 4;
}
#service_referencement {
    background-image:url(images/service_referencement.jpg);
    z-index: 3;
}
#service_ged {
    background-image:url(images/service_ged.jpg);
    z-index: 2;
}
#service_audit {
    background-image:url(images/service_audit.jpg);
    z-index: 1;
}
/*CONNEXION*************************************************************************************/
.caseConnexion {
    width: 290px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #DDDDDD;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
.caseConnexion:hover {
    border: 1px solid #AAAAAA;
}
.texteAlerteConnexion {
    
    font-size: 12px;
    color: #C70C3F;
}
.titreConnexion {
    
    font-size: 14px;
    color: #3a79df;
    font-weight:bold;
    text-decoration:none;
}
.soustitreConnexion {
    
    font-size: 12px;
    color: #999999;
    font-weight:bold;
}
.enteteConnexion {
    
    font-size: 12px;
    color: #222222;
    font-weight:bold;
}
#cadrePrincipalConnexion {
    width: 300px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 15px;
    padding: 20px;
}
.textepConnexion {
    
    font-size: 10px;
    color: #FF8000;
}
/***********************************************************************************************/
/*SLIDESHOW*/
.texteChargement {
    font-size: 11px;
    color: #FFFFFF;
}
#fondOver {
    position: fixed;
    z-index: 6000;
    top: 0px;
    left: 0px;
    background-color: #000000;
}
.grandeVignette {
    border: 2px solid #000000;
}
#caseGrande {
    position: fixed;
    z-index: 6001;
    top: 0px;
    left: 0px;
    border: 1px solid #999999;
}
#titreSlideShow {
    position: fixed;
    z-index: 6001;
    top: 0px;
    left: 0px;
    height: 20px;
}
.fauxlien {
    cursor:pointer;
}
.titreSlideShow {
    
    font-size: 12px;
    color: #FFFFFF;
    font-weight:bold;
}
.descriptionSlideShow {
    
    font-size: 12px;
    color: #DDDDDD;
}
#menuSlideShow {
    position: fixed;
    z-index: 6001;
    top: 0px;
    left: 0px;
    height: 30px;
}
#chargementOver {
    position: fixed;
    z-index: 6002;
    top: 0px;
    left: 0px;
    padding: 10px;
}
/***********************************************************************************************/

/*PRODUITS**************************************************************************************/
#produit_tire, #produit_tireShop, #produit_tireCe {
    border: 0px solid #DDDDDD;
    border-bottom-width: 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    overflow:hidden;
}
.boutonAutreProduit_fr {
    display:block;
    float: right;
    background-image:url(images/language/fr/voirAutresProduits.png);
    background-repeat:no-repeat;
    width:230px;
    height: 40px;
    cursor:pointer;
}
.boutonAutreProduit_en {
    display:block;
    float: right;
    background-image:url(images/language/en/voirAutresProduits.png);
    background-repeat:no-repeat;
    width:230px;
    height: 40px;
    cursor:pointer;
}
#produit_tire h1, #produit_tireShop h1, #produit_tireCe h1 {
    color: #414448;
    font-size: 30px;
    letter-spacing: 2px;
}
#produit_tire h1 strong {
    color: #095390;
}
#produit_tireShop h1 strong {
    color: #19822e;
}
#produit_tireCe h1 strong {
    color: #ff9600;
}
#produit_soustitre {
    overflow:hidden;
}
.produit_soustitre_img {
    float:left;
    width: 25%;
    overflow:hidden;
    text-align:center;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 0px;
}
.produit_soustitre_img img {
    width: 90%;
}
#produit_soustitre_texte, #produit_soustitre_texteShop, #produit_soustitre_texteCe {
    float:left;
    width: 31%;
    overflow:hidden;
    text-align:center;
    font-size: 22px;
    padding-left: 2%;
    padding-right: 2%;
    color: #666666;
    padding-top: 20px;
    letter-spacing: 2px;
}
#produit_soustitre_texte strong {
    font-size: 78px;
    color: #095390;
}
#produit_soustitre_texteShop strong {
    font-size: 78px;
    color: #19822e;
}
#produit_soustitre_texteCe strong {
    font-size: 78px;
    color: #ff9600;
}
.produit_soustitre_avantage {
    background-repeat:no-repeat;
    background-position:center top;
    float:left;
    padding-top: 65px;
    padding-left: 2%;
    padding-right: 2%;
    border: 0px solid #DDDDDD;
    border-left-width: 1px;
    min-height: 100px;
    margin-top: 10px;
    width: 17%;
    text-align:center;
    font-size: 16px;
    color: #666666;
}
.image .produit_soustitre_avantage {
    background-repeat:no-repeat;
    background-position:center top;
    float:left;
    padding-top: 65px;
    padding-left: 2%;
    padding-right: 2%;
    border: 0px solid #DDDDDD;
    border-left-width: 1px;
    min-height: 100px;
    margin-top: 10px;
    width: 18%;
    text-align:center;
    font-size: 16px;
    color: #666666;
    margin-top:65px;
}
h2.produit_pointsForts {
    color: #003868;
    font-size:30px;
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 1px;
    border: 0px solid #d0d0d0;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.produit_pointsForts_cadre {
    overflow:hidden;
    margin-bottom: 10px;
}
.produit_pointsForts_mozaique {
    float:left;
    overflow:hidden;
    position:relative;
    width: 31%;
    margin-left:3.5% !important;
    height: 450px;
}
.produit_pointsForts_mozaique.first {
    margin-left:0% !important;
}
.produit_pointsForts_icone_multilangue {
    background-image:url(images/iconeProduit_multilangue.png);
}
.produit_pointsForts_icone_famille {
    background-image:url(images/iconeProduit_famille.png);
}
.produit_pointsForts_icone_ids {
    background-image:url(images/iconeProduit_ids.png);
}
.produit_pointsForts_icone_stats {
    background-image:url(images/iconeProduit_stats.png);
}
.produit_pointsForts_icone_prix {
    background-image:url(images/iconeProduit_prix.png);
}
.produit_pointsForts_icone_syncro {
    background-image:url(images/iconeProduit_syncro.png);
}
.produit_pointsForts_icone_tickets {
    background-image:url(images/iconeProduit_tickets.png);
}
.produit_pointsForts_icone_identite {
    background-image:url(images/iconeProduit_identite.png);
}
.produit_pointsForts_icone_ce {
    background-image:url(images/iconeProduit_ce.png);
}
.produit_pointsForts_icone_blog {
    background-image:url(images/iconeProduit_blog.png);
}
.produit_pointsForts_icone_promo {
    background-image:url(images/iconeProduit_promo.png);
}
.produit_pointsForts_icone_export {
    background-image:url(images/iconeProduit_export.png);
}
.produit_pointsForts_icone_avoir {
    background-image:url(images/iconeProduit_avoir.png);
}
.produit_pointsForts_icone_fournisseurs {
    background-image:url(images/iconeProduit_fournisseurs.png);
}
.produit_pointsForts_icone_messagerie {
    background-image:url(images/iconeProduit_messagerie.png);
}
.produit_pointsForts_icone_impression {
    background-image:url(images/iconeProduit_impression.png);
}
.produit_pointsForts_icone_menu {
    background-image:url(images/iconeProduit_menu.png);
}
.produit_pointsForts_icone_map {
    background-image:url(images/iconeProduit_map.png);
}
.produit_pointsForts_icone_reservation {
    background-image:url(images/iconeProduit_reservation.png);
}
.produit_pointsForts_icone_social {
    background-image:url(images/iconeProduit_social.png);
}
.produit_pointsForts_icone_evolutivite {
    background-image:url(images/iconeProduit_evolutivite.png);
}
.produit_pointsForts_icone_editeur {
    background-image:url(images/iconeProduit_editeur.png);
}
.produit_pointsForts_icone_activites {
    background-image:url(images/iconeProduit_activites.png);
}
.produit_pointsForts_icone_transactions {
    background-image:url(images/iconeProduit_transactions.png);
}
.produit_pointsForts_icone_hebergement {
    background-image:url(images/iconeProduit_hebergement.png);
}
.produit_pointsForts_icone_formation {
    background-image:url(images/iconeProduit_formation.png);
}
.produit_pointsForts_icone_seo {
    background-image:url(images/iconeProduit_seo.png);
}
.produit_pointsForts_icone_forum {
    background-image:url(images/iconeProduit_forum.png);
}
.produit_pointsForts_icone_paiement {
    background-image:url(images/iconeProduit_paiement.png);
}
.produit_pointsForts_icone_support {
    background-image:url(images/iconeProduit_support.png);
}
.produit_pointsForts_icone_marcher {
    background-image:url(images/iconeProduit_marcher.png);
}
.produit_pointsForts_icone_calendrier {
    background-image:url(images/iconeProduit_calendrier.png);
}
.produit_pointsForts_icone_newsletter {
    background-image:url(images/iconeProduit_newsletter.png);
}
.produit_pointsForts_icone {
    background-repeat:no-repeat;
    background-position: center top;
    width: 100%;
    height: 152px;
    margin-left:auto;
    margin-right:auto;
    z-index: 1;
    top: 0px;
    left: 0px;
    position:absolute;
}
.produit_pointsForts_texte {
    background-color: #d8e0ee;
    width: 79%;
    border: 1px solid #4e5d71;
    height: 260px;
    position:absolute;
    top: 60px;
    z-index: 0;
    padding-top: 110px;
    padding-left: 10%;
    padding-right: 10%;
}
.produit_pointsForts_texte.ce {
    background-color: #faf6ea;
    border: 1px solid #e2d8b8;
}
.produit_pointsForts_texte.shop {
    background-color: #d6ead8;
    border: 1px solid #32653f;
}
.produit_pointsForts_titre {
    font-size: 18px;
    text-align: center;
    font-weight:bold;
}
.produit_pointsForts_detail {
    font-size: 14px;
    text-align:justify;
    margin-top: 20px;
}
.detail_offre {
    padding: 10px;
}
.detail_offre div {
    background-image:url(images/puce.png);
    background-repeat:no-repeat;
    padding-left: 20px;
    font-size: 14px;
    color: #333333;
    margin-top: 3px;
    margin-bottom: 12px;
}
/*FIN PRODUIT***********************************************************************************/

/*FORMULAIRE************************************************************************************/
#contenu_formulaire {
    overflow:hidden;
    margin-top: 20px;
}
.formulaire_ligne_indicateur {
    float:left;
    background-repeat:no-repeat;
    width: 41px;
    height: 53px;
    overflow:hidden;
}
.formulaire_ligne_indicateur_empty {
    background-image:url(images/case_entete.png);
}
.formulaire_ligne_indicateur_ok {
    background-image:url(images/case_entete_ok.png);
}
.formulaire_ligne_indicateur_ko {
    background-image:url(images/case_entete_ko.png);
}
.formulaire_ligne_case {
    float:left;
    background-image:url(images/case_texte.png);
    background-repeat:no-repeat;
    width: 307px;
    height: 53px;
}
.formulaire_ligne_case input {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 287px;
    padding-top: 14px;
}
#bouton_rappeler_fr {
    float:left;
    margin-left: 15px;
    background-image:url(images/language/fr/etre_rappele.png);
    background-repeat:no-repeat;
    width:189px;
    height: 53px;
    cursor:pointer;
}
#bouton_rappeler_en {
    float:left;
    margin-left: 15px;
    background-image:url(images/language/en/etre_rappele.png);
    background-repeat:no-repeat;
    width:189px;
    height: 53px;
    cursor:pointer;
}
/*FIN FORMULAIRE********************************************************************************/

/*BAS************************************************************************************************************/
#bas {
    background-color: #003867;
    overflow:hidden;
    min-height: 200px;
}
#bas_logo {
    width: 225px;
    height:53px;
    margin-top: 30px;
}
#bas_logo img {
    width: 225px;
    height:53px;
}
#bas_contenu {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
}
.colonneBas {
    float:left;
    margin-right: 7%;
    min-height: 230px;
    margin-top: 5px;
    overflow:hidden;
    color:#d9dee9;
    font-size:14px;
}
.colonneBas .texte {
    color:#d9dee9;
    font-size:14px;
}
.colonneBas .titre {
    color:#d9dee9;
}
.colonneBas .titre i.circular {
    color:#d9dee9 !important;
}
.colonneBas.nav a {
    text-transform:uppercase;
}
.colonneBas.boutique .mozaique {
    overflow:hidden;
}
.colonneBas.boutique .mozaique .diapo {
    overflow:hidden;
    float:left;
    margin-right: 6px;
    margin-bottom:6px;
}
.colonneBas.boutique .mozaique a.illustration {
    display:block;
    width: 104px;
    height: 56px;
    overflow:hidden;
    border: 1px solid #CCCCCC;
}
.colonneBas.boutique .mozaique a.illustration:hover {
    border: 1px solid #FFFFFF;
}
.colonneBas.boutique .mozaique a.titre {
    display:block;
    color:#FFFFFF;
    font-size:12px !important;
    text-align:center;
    margin-top:5px;
    padding-bottom: 5px !important;
}
.colonneBas.boutique .mozaique .diapo.last {
    margin-right: 0px;
}
.colonneBas.boutique .mozaique img {
    width: 104px;
}
.colonneBas.nav {
    width: 21%;
}
.colonneBas.mentions {
    width: 35%;
}
.colonneBas.last {
    width: 29%;
}
.colonneBas .texte {
    margin-bottom: 10px;
}
.colonneBas .button {
    font-size:16px;
    margin-top:10px;
}
.colonneBas strong {
    color:#FFFFFF;
}
.colonneBas.last {
    margin-right: 0%;
}
.colonneBas.mentions .texte {
    height: 50px;
    overflow:hidden;
}
#bas .titre {
    border: 0px solid #7088b4;
    border-bottom-width: 1px;
    padding-bottom: 10px;
    display:block;
    font-size: 22px;
    text-transform:uppercase;
    color: #FFFFFF;
    text-decoration:none;
    margin-bottom: 20px;
}
#bas ul {
    margin:0px;
    margin-top: 5px;
    margin-left: 15px;
    padding: 0px;
    color:#bdcff1;
}
#bas ul li a, #bas ul li div {
    display:block;
    margin-bottom: 8px;
    font-size: 14px;
    cursor:pointer;
    text-decoration:none;
    color:#afbed9;
}
#bas ul li a:hover, #bas ul li div:hover {
    text-decoration: underline;
    color:#FFFFFF;
}
.lienColonneBas:hover {
    text-decoration: underline;
}
#signature {
    background-color: #082c4a;
    overflow:hidden;
}
#signature_contenu {
    width: 1170px;
    margin-left:auto;
    margin-right:auto;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px;
}
#signature .copy {
    float:left;
    color:#bec9dd;
    padding-top: 8px;
    font-size: 14px;
}
#signature .copy a {
    color:#FFFFFF;
    text-decoration:none;
}
#signature .credits {
    float:right;
    overflow: hidden;
}
#signature .credits div, #signature .credits a {
    display:block;
    color:#c4c4c4;
    padding-top: 7px;
    font-size: 14px;
    float:left;
    margin-left: 10px;
}
/*FIN BAS************************************************************************************************************/

/*FORMULAIRE CONTACT************************************************************/
.page_paragraphe {
    overflow:hidden;
    margin-top:90px;
}
.page_paragraphe.first {
    margin-top:0px;
}
#contenu_formulaire {
    overflow:hidden;
    margin-top:20px;
    background-color:#DDDDDD;
    position:relative;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
}
#contenu_formulaire .zoneFormulaire {
    background-color:#EEEEEE;
    padding: 15px;
    float:left;
    width: 580px;
    padding-bottom: 300px;
    overflow:hidden;
    font-size:18px;
}
#contenu_formulaire .zoneAide {
    float:left;
    width: 260px;
    overflow:hidden;
    font-size:16px;
}
#contenu_formulaire .zoneFormulaire h2 {
    font-size: 28px;
    color: #777777;
}
#contenu_formulaire .zoneFormulaire .intro {
    font-size: 16px;
    color: #777777;
    margin-top:5px;
}
/*AIDE******/
#contenu_aide_contenu {
    overflow:hidden;
    font-size: 14px;
    color: #777777;
    padding:10px;
    position:absolute;
    left: 635px;
    width: 208px;
    overflow:hidden;
    line-height: 18px;
}
.texteAideObligatoire {
    color: #21c538;
}
.texteAideErreur {
    color: #FF0000;
}
#contenu_aide_pointeur {
    background-image:url('./images/formulaire_pointeur.png');
    background-repeat:no-repeat;
    background-color:transparent;
    width: 16px;
    height: 29px;
    overflow:hidden;
    position:absolute;
    top:10px;
    left: 610px;
}

/*FIN AIDE*********/
.field .rouge {
    color:#FF0000;
}
.field .vert {
    color: #090;
}
.formulaire_ligne_validation {
    border: 0px solid;
    overflow:hidden;
    margin-top: 10px;
    background-color:transparent;
}
.formulaire_ligne_validation .boutonRoseSimple {
    float:right;
}
.formulaire_ligne {
    border: 0px solid;
    overflow:hidden;
    background-color: #FFFFFF;
    margin-top: 20px;
    border: 1px solid #CCCCCC;
}
.formulaire_ligne_groupe {
    border: 0px solid;
    border-top-width: 1px;
    border-top-color: #FFFFFF;
    border-bottom-width: 1px;
    border-bottom-color: #8fa4b7;
    padding: 14px;
    overflow:hidden;
    font-size: 22px;
    color: #43596d;
    padding-left: 60px;
    background-color: #b6c1cc;
    cursor:pointer;
    background-repeat:no-repeat;
    background-position: 10px 8px;
}
.formulaire_ligne_groupe_detail {
    margin-top: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
}
#formulaire_groupe_connexion {
    background-image:url('./images/iconeGroupeConnexion.png');
}
#formulaire_groupe_identite {
    background-image:url('./images/iconeGroupeIdentite.png');
}
#formulaire_groupe_physique {
    background-image:url('./images/iconeGroupePhysique.png');
}
#formulaire_groupe_lieux {
    background-image:url('./images/iconeGroupeLieux.png');
}
.formulaire_ligne_case_select {
    background-color: #FFFFFF;
}
.formulaire_ligne_titre {
    background-image:url('./images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    float:left;
    width: 210px;
    overflow:hidden;
    color: #515151;
    font-size: 18px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
.formulaire_ligne_titre_area {
    background-image:url('./images/formulaire_entete_fond.png');
    background-repeat: repeat-x;
    overflow:hidden;
    color: #515151;
    font-size: 20px;
    letter-spacing: 0.5px;
    padding-left: 15px;
    padding-top: 15px;
    height: 41px;
}
.formulaire_ligne_titre_court {
    float:left;
    width: 175px;
    overflow:hidden;
    color: #33404d;
    font-size: 18px;
    letter-spacing: 0.5px;
}
.formulaire_ligne_radio, .formulaire_ligne_select {
    margin-left: 10px;
    width: 348px;
    float:left;
}
.formulaire_ligne_radio label {
    font-size: 18px;
    color: #102437;
    padding-left: 5px;
    cursor: pointer;
}
.formulaire_ligne_indicateur {
    float:left;
    background-repeat:no-repeat;
    width: 54px;
    height: 56px;
    overflow:hidden;
}
.formulaire_ligne_indicateur_empty {
    background-image:url('./images/formulaire_neutre.png');
}
.formulaire_ligne_indicateur_ok {
    background-image:url('./images/formulaire_valid.png');
}
.formulaire_ligne_indicateur_ko {
    background-image:url('./images/formulaire_erreur.png');
}
.formulaire_ligne_indicateur_vide {
    background-image:url('./images/formulaire_vide.png');
}
.formulaire_ligne_case {
    float:left;
    background-image:url('./images/formulaire_case_fond.png');
    background-repeat: repeat-x;
    width: 299px;
    height: 56px;
}
.formulaire_ligne_case input {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 289px;
    padding-top: 14px;
}
.formulaire_ligne_case select {
    font-size: 20px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 309px;
    padding-top: 14px;
}
.formulaire_area_haut {
    float:left;
    width: 379px;
    overflow:hidden;
}
.formulaire_area_bas {
    clear:both;
    width: 631px;
    height: 10px;
    overflow:hidden;
}
.formulaire_ligne_area {
    clear:both;
}
.formulaire_ligne_area textarea {
    font-size: 16px;
    background-color:transparent;
    border: 0px solid;
    color: #102437;
    padding: 10px;
    width: 550px;
    resize: none;
}
.formulaire_ligne_aide {
    display:none;
}
.referenceLigne {
    overflow:hidden;
    margin-bottom: 2%;
    cursor:pointer;
}
.referenceLigne .referenceLigneInterne {
    overflow:hidden;
}
.referenceLigne .referenceApercu {
    float:left;
    width:29%;
    margin-left:3.1%;
    border:1px solid #DDDDDD;
    padding:1%;
    text-align:center;
    background-color: transparent;
}
.referenceLigne .referenceApercu:hover {
    background-color: #EEEEEE;
}
.referenceLigne .referenceApercu.active, .referenceLigne .referenceApercu.active:hover {
    background-color: #DDDDDD;
    border-bottom: 20px solid #DDDDDD;
}
.referenceLigne .referenceApercu img {
    width:92%;
}
.referenceLigne .referenceApercu.first {
    width:29%;
    margin-left:0%;
}


.produitLigne {
    overflow:hidden;
    margin-bottom: 3%;
    cursor:pointer;
    padding-left: 0%;
}
.produitLigne .produitLigneInterne {
    overflow:hidden;
}
.produitLigne .produitApercu {
    float: left;
    width: 22.5%;
    margin-left: 3%;
    border:1px solid #DDDDDD;
    padding:0%;
    text-align:center;
    background-color: #888896;
}
.produitLigneCadre.nismart .produitLigne .produitApercu:hover {
    background-color: #095390;
}
.produitLigneCadre.nishop .produitLigne .produitApercu:hover {
    background-color: #19822E;
}
.produitLigne .produitApercu.active, .produitLigne .produitApercu.active:hover {
    background-color: #E7E7E7;
    border-bottom: 20px solid #E7E7E7;
}
.produitLigne .produitApercu.active .bouton{
    color: #E7E7E7;
}
.produitLigne .produitApercu .icone {
    text-align:center;
    font-size:4.5vmin;
    padding:10%;
    color:#676773;
    
    background-color:#FFFFFF;
}
.produitLigne .produitApercu .titre {
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    display: table-cell;
    vertical-align: middle;
    color: #000;
    padding: 7%;
    background-color: #E7E7E7;
    width: 15%;
    height: 80px;
    overflow: hidden;
}
.produitLigne .produitApercu .bouton {
    text-align:center;
    text-transform: uppercase;
    font-size: 1.8vmin;
    color:#FFFFFF;
    padding:1%;
}
.produitLigne .produitApercu.first {
    width:22.5%;
    margin-left:0%;
}
.produit_details {
    background-color: #E7E7E7;
    padding:6%;
    font-size:22px;
    line-height: 30px;
}
.produitLigneCadre {
    overflow:hidden;
    margin-top: 30px;
}