@charset "utf-8";

* {margin:0;padding:0;outline:none;border:none;text-decoration:none;}
ul, ol{list-style-type:none;margin:0;padding:0;}
#header {behavior:url("js/iepngfix.htc")}
.clear{clear:both;font-size:0;height:0;width:0;}
html {font-size: 100%;}
body {background:#50a0d5 url(../img/fond.jpg) no-repeat fixed bottom center;font-family: Arial, Helvetica, Verdana,sans-serif;font-size:11px;margin-top:10px;}
#wrapper {margin:0 auto;text-align:center;width:970px;}

/* Header */
#header {background:transparent url(../img/header.png) no-repeat;width:968px;height:142px;text-align:left;}
#header h1{display:none;}
#header #retourAccueil{float:left;width:250px;height:142px;}
#header #searchForm {padding:30px 0 0 360px;float:left;}
#header #searchForm label {color:#FFFFFF;font-weight:bold;}
#header #searchForm #search {background-color:#fff;font-size:1.1em;width:120px;border:1px solid #27688f;height:17px;}
#header #searchForm #submitSearch {background-color:#27688f;color:#FFFFFF;font-weight:bold;font-size:1em;height:17px;width:28px;vertical-align:middle;}
#header #languages {float:left;display:inline;padding:30px 0 0 20px}
#header #languages li {float:left;margin-left:6px;}
#header span {display:none}
#header #liens {float:right;display:inline;padding:70px 10px 0 0}
* html #header #liens {padding:68px 0 0 0;position:relative;left:20px;}
#header #liens li {float:left;margin-right:28px;}
#header #liens li a {display:block;}
#header #liens li #mises-a-jour {width:108px;height:18px;}
#header #liens li #acces-distributeur {width:156px;height:18px;}

/* Navigation */
#navigation {width:100%;height:36px;background:#FFFFFF url(../img/fondOnglets.gif) top left no-repeat;}
#navigation ul {display:inline;}
#navigation ul li {float:left;/*background:#FFFFFF url(../img/navigation.gif) repeat-x top left;*/height:41px;}
#navigation ul #actu {width:131px;}
#navigation ul #produits {width:122px;}
#navigation ul #ou-trouver-nos-produits {width:250px;}
#navigation ul #demande-de-devis {width:189px;}
#navigation ul #contact {width:116px;}
#navigation ul #support {width:116px;}

/* Breadcrumb */
#content #breadcrumb{padding:5px 0;font-size:1em;}
#content #breadcrumb #first{background:#FFFFFF url(../img/breadcrumb-next.gif) no-repeat center left;padding-left:8px;}
#content #breadcrumb li{display:inline;background:#FFFFFF url(../img/breadcrumb-next.gif) no-repeat center left;padding-left:8px;}
#content #breadcrumb li a{color:#000000;}
#content #breadcrumb li a:hover{text-decoration:underline;}
#content #breadcrumb.fondIndex{background:#FFFFFF url(../img/fondIndex.gif) top left no-repeat;position:relative;}

/* Home */
#content #a-la-une {background:#FFFFFF url(../img/flap-background.png) no-repeat top right;border:#ccc 1px solid;width:312px;height:203px;padding:10px 10px 10px 4px;}
#content #a-la-une h3 {font-size:3.2em;margin-bottom:15px;}
#content #a-la-une h3 strong {color:#003366;}
#content #a-la-une img {float:left;}
#content #a-la-une #informations {float:right;width:175px;}
#content #a-la-une #informations #date {color:#E85211;font-weight:bold;font-size:11px;text-align:right;display:block;}
#content #a-la-une #informations #titre {color:#E85211;font-weight:bold;font-size:11px;}
#content #a-la-une #informations #description {color:#000000;font-weight:normal;font-size:10px;text-align:justify;clear:both;text-align:justify;height:90px;}
#content #a-la-une #informations #en-savoir-plus {float:right;margin-top:5px;}
#content #vous-etes {background:#FFFFFF url(../img/vous-etes.png) no-repeat top left;width:564px;height:167px; padding-left:25px}
#content #vous-etes li {float:left;border:#CCCCCC 1px solid;width:179px;height:163px;padding:2px 2px 1px 2px;margin-right:3px}
#decouvrez-demo {position:relative;top:540px;left:-96px;height:259px;margin-top:-259px; z-index:0; text-align:left; width:113px;}
* html #decouvrez-demo {left:-523px;}
*+html #decouvrez-demo {left:-523px;}
/* Contenus communs */
#content {background-color:#FFFFFF;width:924px;margin:0 17px;text-align:left;border:1px solid #d6d6d6;border-width:0 1px 0 1px;padding:0 4px 8px 4px;height:auto !important;min-height:485px;height:485px;}
#content:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
#content .left {float:left;}
#content .right {float:right;}
#content h2 {font-size:2.1em;color:#E85211;text-transform:uppercase;letter-spacing:-1px;margin-bottom:10px;padding-left:10px;}
#content .h2-left {font-size:2.1em;color:#E85211;text-transform:uppercase;letter-spacing:-1px;margin-bottom:10px;width:500px;float:left;}
#content .h2-leftproduit {font-size:2.1em;color:#E85211;text-transform:uppercase;letter-spacing:-1px;margin-bottom:10px;width:340px;float:left;}
#content .h2-leftmigration {font-size:2.1em;color:#E85211;text-transform:uppercase;letter-spacing:-1px;margin-bottom:10px;width:745px;float:left;}
h2:after {content:".";clear:both;height:0;visibility:hidden;display:block;}
#content .headers {background-color:#27688F;color:#FFFFFF;border:#ccc 1px solid;padding:6px;width:910px;margin:0 0 15px 0;}
#content .headers strong {font-size:1.1em;}
/*#content .flap {background:#FFFFFF url(../img/flap-background.gif) repeat-x top left;width:440px;padding:6px;border:#ccc 1px solid;text-align:justify;height:160px;}*/
#content .flap {background:#FFFFFF url(../img/flap-background.png) no-repeat top right;width:430px;padding:6px;border:#ccc 1px solid;text-align:justify;height:185px;display:inline;}
#content .flap .en-savoir-plus {display:block;float:right;margin-top:20px;}
#content .flap .en-savoir-plus.distrib {display:block;float:right;margin-top:60px;}
#content .flap .en-savoir-plus.distrib2 {display:block;float:right;margin-top:60px;}
#content .flap .en-savoir-plus.distrib3 {display:block;float:right;margin-top:45px;}
#content .right .en-savoir-plus {display:block;float:right;margin-top:10px;}
#content .flap h3 {font-size:2.5em;text-transform:uppercase;color:#27688F;margin-bottom:4px;letter-spacing:-1px;}
#content .flap h3 strong {color:#003366;}
#content .flap img {float:left;margin:0 6px 0 0}
#content .flap strong {color:#E85211;}
#content .flap li {background: transparent url(../img/fleche.gif) no-repeat 0px 3px;padding:0px 10px 0px 16px;display:list-item;list-style-position:outside}
#content .produits {height:160px;overflow:hidden;padding-bottom:0px;}
#content .bottom {margin-top:14px;}

/* Nos produits */
#content #produits-borne .en-savoir-plus {display:block;float:right;margin-top:20px;}

/* Ou trouver nos produits */
#content h3 {font-size:2.5em;text-transform:uppercase;color:#27688F;margin-bottom:4px;letter-spacing:-1px;}
#content #distributeurs li {background: transparent url(../img/fleche.gif) no-repeat 0px 9px;padding:6px 10px 6px 16px;display:list-item;list-style-position:outside}
#content #distributeurs li .titre {font-size:1.1em;color:#E85211;text-transform:uppercase;font-weight:bold;display:block;}
#content #distributeurs li strong {color:#27688F;}
#content #distributeurs li a {color:#27688F;}
#content #distributeurs li a:hover {text-decoration:underline;}
#content #distributeurs li span {color:#27688F;}
#content #mapFrance {margin-right:40px;}
#content #mapEurope {margin-right:20px;}
#content #distributeurs {width:355px;padding-left:20px;}

/* Borne BOLID */
#content .width {width:430px;}
#content .borne {width:430px;}
#content .borne ul {float:right;width:305px;}
#content .prod ul {float:left;width:305px;}
#content #les-plus-bolid {background:#FFFFFF url(../img/les-plus-bolid.jpg) no-repeat bottom right;color:#003366;height:155px!important;}
* html #les-plus-bolid {float:left;height:160px;}
#content #les-plus-bolid h3 {color:#FFFFFF;}
#content #les-plus-bolid li{font-weight:bold;font-size:1.1em;}
#content #borne {background:#FFFFFF url(../img/fleche2.png) no-repeat 0 1px;display:block;float:left;margin-top:3px;padding-left:20px;font-weight:bold;font-size:1.1em;color:#27688F;text-decoration:underline;}
#content #bornepdf {background:#FFFFFF url(../img/fleche2.png) no-repeat 0 1px;display:block;float:left;margin-top:3px;padding-left:20px;padding-right:10px;font-weight:bold;font-size:1.1em;color:#27688F;text-decoration:underline;}
#content #notre-produit{background:#FFFFFF url(../img/notre-produit.png) no-repeat top left;float:left;font-weight:bold;font-size:1.1em;color:#27688F;width:210px;height:167px;margin:16px 26px 0 34px;text-align:center;}
#content #notre-produit img {margin:8px 0px 0px 25px}
#content #notre-produit #refImg #lien-produit {font-size:10px;color:#27688F;}
#content #notre-produit #refImg #lien-produit span {margin-left:25px;}
#content #notre-produit ul{float:left;display:inline;margin-left:40px;}
#content #notre-produit ul li{float:left;margin-left:10px;}
#content #notre-produit ul li a {width:16px;height:16px;background-color:#27688F;color:#FFFFFF;display:block;text-align:center;-moz-border-radius:2px;-webkit-border-radius:2px;}
#content #notre-produit ul li a:hover {background-color:#003366;}
#content #nos-references{background:#FFFFFF url(../img/nos-references.png) no-repeat top left;float:left;font-weight:bold;font-size:1.1em;color:#27688F;width:210px;height:167px;margin-top:16px;}
#content #nos-references img{margin:2px 3px 7px 1px;float:right;}
#content #nos-references .span{padding-left:54px;}
#content #refImg{height:143px;}

/* Qui sommes nous */
#content #notre-histoire ul {display:list-item;list-style-position:inside;}
#content #notre-histoire li {background: transparent url(../img/fleche.gif) no-repeat 30px 3px;padding:0 10px 10px 0}
#content #notre-histoire li strong {padding-right:20px;}
#content #nos-valeurs {background:#71d0fc url(../img/nos-valeurs.jpg) no-repeat bottom right;padding-bottom:56px}
#content #nos-valeurs ul {display:list-item;list-style-position:outside}
#content #nos-valeurs li {background: transparent url(../img/fleche.gif) no-repeat 8px 3px;padding:0 10px 10px 20px;display:list-item;list-style-position:outside}
#content #nos-valeurs li strong {color:#27688F;display:block;}

/* Logiciels */
#content .tiers {float:left;width:279px;padding:6px;border:#ccc 1px solid;text-align:justify;height:160px;background:#FFFFFF url(../img/flap_reflet.jpg) top right no-repeat;margin-bottom:20px;}
#content .tiers img {float:left;}
#content .tiers span {display:block;margin-top:20px;color:#333;font-weight:bold;font-size:1.2em;}
#content .tiers .en-savoir-plus {display:block;float:right;margin-top:60px;}
* html .en-savoir-plus {position:relative;top:-12px;}
#content .margin-right {margin-right:12px}
#content table th {height:30px;color:#27688F;font-size:13px;text-align:center; vertical-align:middle;border:#CCCCCC 1px solid;border-width:0 0 1px 0;}
#content table td {color:#666;font-size:12px;text-align:left;font-weight:bold;height:24px;border:#CCCCCC 1px solid;border-width:0 1px 1px 0;}
#content table .integre {background:#FFFFFF url(../img/croix.png) no-repeat center center;}
#content table .non-integre {background:#FFFFFF url(../img/trait.png) no-repeat center center;}
#content table .droite {border-width:0 0 1px 0;}
#content h4{color:#27688F;font-size:1.4em;}
#content table #titre {color:#27688F;font-size:14px;border:0;text-align:left;vertical-align:bottom}
#content small {font-size:0.9em;color:#666;margin-top:10px;display:block;}
/*
#content table .entete {background:#FFFFFF url(../img/flap-background.gif) repeat-x top left;height:36px;}
#content table .pied {background:#FFFFFF url(../img/table-bottom-background.gif.gif) repeat-x top left;height:36px;}
*/

/* Accès distributeurs */
#content .centre {width:920px;margin:0 auto;}
#content .centre form p {margin-bottom:10px;}
#content .centre form p label {color:#666666;display:inline-block;float:left;font-size:1.2em;;width:180px;text-align:left;margin-left:320px;font-weight:bold;}
#content .centre form p .required {border:#ccc 1px solid;text-align:left;}
#content .centre form p .error {color:#E85211;/*border:#E85211 1px solid;*/}
#content .centre form p #envoyer {margin:20px 0 0 410px;}
#content .background2{background:#FFFFFF url(../img/background-style2.png) top left no-repeat;width:886px;height:29px;margin-left:8px;color:#E85211;padding-left:30px;padding-top:10px;}
#content .background2 input {border:1px solid #CCCCCC;}
#content .background2 .submit {background-color:#27688F;color:#FFFFFF;font-size:1em;font-weight:bold;height:17px;width:28px;}
#content .style2{color:#27688F;font-size:1.4em;text-transform:none;letter-spacing:normal;margin-left:8px;width:660px;float:left;}
#content #mot-de-passe {margin-left:540px;color:#666;text-decoration:underline;}
#content .flap span {display:block;margin-top:20px;}

/* Infos Distributeur */
#content #documents {width:880px; border:none;margin-left:20px;}
#content #documents td {border:#ccc 1px solid;border-width:0 0 1px 0;padding:12px 6px;color:#333;}

/* version */
#content .version {padding-top:0;padding-bottom:0;height:166px;}
#content .plaquettes {padding-top:0;padding-bottom:0;height:166px;}
#content .version h3 {font-size:2em;margin-bottom:15px;}
#content .version h3 strong {font-size:0.8em;}
#content .plaquettes h3 {font-size:2em;margin-bottom:3px;}
#content .version li {display:block;padding:0;padding-left:16px;font-size:1.1em;font-weight:bold;background:transparent url(../img/fleche.gif) left 2px no-repeat;width:300px;float:left;color:#333333;}
#content .version .en-savoir-plus.distrib {margin-top:0;}
#content .version img {float:none;margin:0;margin-left:30px;}
#content .version #imgVersion {float:left;margin-right:25px;margin-left:5px;}
#content .petit-flap {width:208px;height:168px;background:#FFFFFF url(../img/petit-flap.gif) top left no-repeat;margin-left:10px;border:none;padding:0 6px;font-size:1.1em;font-weight:bold;color:#333333;text-align:left;}
#content .petit-flap h3 {font-size:1.8em;margin-bottom:38px;}
#content .petit-flap.marginLess h3 {margin-bottom:11px;}
#content .petit-flap h3 strong {color:#003366;}
#content .petit-flap .en-savoir-plus.news {margin-top:40px;}
#content #anciennesVersions .first {font-weight:bold;color:#27688F;font-size:1.2em;background:none;text-transform:none;padding-left:0;margin-left:0;}
#content #anciennesVersions li {display:inline;float:left;background:transparent url(../img/fleche.gif) left 4px no-repeat;font-weight:bold;padding-left:11px;text-transform:uppercase;color:#E75110;margin-left:5px;line-height:15px;}
#content #anciennesVersions li a {color:#E75110;}
#content #imgSep {height:1px;width:850px;margin:15px 0 11px 30px; }
#content .plaquettesCol {width:215px;float:left;}
#content .plaquettesCol li {background:transparent url(../img/mini-pdf.gif) left 0px no-repeat;padding-left:20px;font-size:1.1em;font-weight:bold;color:#333333;height:25px;}
#content .plaquettesCol .last {background:transparent url(../img/last-mini-pdf.gif) left 5px no-repeat;}
#content .backVers {font-size:1.5em;font-weight:bold;padding-left:0px;}

/* Vos produits */
#content #numeros {width:916px; border:none;margin:0 0 8px 8px;}
#content #numeros th {border:#ccc 1px solid;border-width:1px 0 1px 0;padding:12px 6px;}
#content #numeros th a {color:#27688F;}
#content #numeros th a:hover {color:#E85211;}
#content #numeros td {border:#ccc 1px solid;border-width:0 1px 1px 0;padding:12px 6px;color:#666;text-align:center;}
#content #numeros .fin {border-width:0 0 1px 0;}
#content #numeros td span {color:#27688F;}
#content #numeros td strong {color:#003265;}
#content #pagination {width:924px;margin-top:10px;}

/* Nos references */
#content #legende {display:inline-block;margin:0 0 20px 10px;background:#FFFFFF url(../img/bg-ref.gif) top left no-repeat;}
#content #legende li {float:left;/*background:#FFFFFF url(../img/navigation.gif) repeat-x top left*/;padding:8px 10px 0 10px;height:28px;color:#27688F;font-size:1.1em;font-weight:bold;text-align:right;margin-left:30px;}
#content #legende #texte {text-align:left;margin-left:0;margin-right:150px;}
#content #legende li img {vertical-align:middle;margin-right:4px;}
#content #page-precedente {margin-right:6px;display:block;}
#content #pagination {clear:both;float:right;}
#content #page-suivante {margin-right:6px;display:block;margin-left:10px;}

/* Footer */
#footer {background-color:#27688f;color:#FFFFFF;margin:0 17px 50px 17px;height:16px;width:934px;line-height:16px;text-align:center;}
#footer a {color:#FFFFFF;}