@charset "UTF-8"; 

/* ajouts thn */
.red {color:#F15A24}
.green {color:#679A26; }
.gray {color:#4D4D4D; }
.grey {color:#999999; }
.darkBlue {color:darkblue; }
.right, .r {text-align:right; }
.center {text-align:center; }
.small, .s {font-size:x-small; }
.b {font-weight:bold; }
.i {font-style:italic; }
input[type="button"] {cursor:pointer; } 
h3.wide {margin-top: 1em; }

td,th {
  vertical-align:top; 
  padding:2px 5px; 
}
table.faq td, table.faq th {
  border: 1px solid gray; 
  text-align: center; 
}
table.faq td:first-child, table.faq th:first-child, table.faq td.left {
  text-align: left; 
}

table.roadmap td[id] {
  text-indent: -8px; 
  padding-left: 20px; 
}

/* Couleurs 
bleu ciel: #CAE0E5; 
bleu: #A7CCD4; 
blanc-casse: #F7FAFB; 
Orange: #F15A24; 
Gris foncé: #4D4D4D; 
vert-clair: #BBFF00; 
vert-fonce: #679A26; 
Jaune: #FCFAE8; 
*/
/* / ajouts thn */

/*-------------Surveys --------------------*/
ul.surveys li {margin-bottom:10px; }
#surveys {margin:0px; padding:4px; border:0px; background:none; }
iframe.survey {width:680px; border:0px; }
#survey1 {height:5850px; }
#survey2 {height:3980px; }
#survey3 {height:2400px; width:640px; }

.shaded {position:absolute; background:#000; opacity:0.5; top:0; bottom:0; left:0; right:0; z-index:1000; display:none; }

h5 {font-size:12px; margin-top:5px; } /* margin-left:20px; */

/*-------------bouton-video - A ACTIVER - FAIRE LA IE6 CSS --------------------*/
/*.tutorial {float:right; width:155px; height:70px; margin-right:10px; }
.tutorial li {width:155px; height:66px; margin-right:10px; }
.tutorial li a.showcase {display:inline-block; width:147px; height:62px; background: url("../images/bt-showcase.png") no-repeat left center; }
.tutorial li a.showcase {background: url("../images/bt-showcasered.png") no-repeat left center; }
.tutorial li a.tuto {display:inline-block; width:155px; height:66px; background: url("../images/bt-tutorial-video.png") no-repeat left center; }
.tutorial li a.tuto:hover {background: url("../images/bt-tutorial-video-on.png") no-repeat left center; }
*/
.tutorial {overflow:hidden; margin:-20px; margin-top:10px; }
.tutorial li {height:66px; display:inline; width:130px; }
.tutorial li a.show {width:141px; float:left; height:66px; background: url("../images/bt-showcase-video.png") no-repeat right; }
.tutorial li a.show:hover {background: url("../images/bt-showcase-video-vert.png") no-repeat right; }
.tutorial li a.tuto {width:136px; float:left; height:66px; background: url("../images/bt-tutorial-video.png") no-repeat right; }
.tutorial li a.tuto:hover {background: url("../images/bt-tutorial-video-on.png") no-repeat right; }

/*------------- STRUCTURE --------------------*/
* {margin:0px; padding:0px; text-decoration:none; }
a img {margin:0px; padding:0px; border:0px; }
a img:hover {opacity:0.5; }
li {list-style:none; margin:0px; padding:0px; }
body {font: 12px/1.5 verdana, arial, helvetica, sans-serif; text-align:center; background:#F7FAFB; }
hr {margin:20px 0; background:#fff; border:0px; border-top:1px solid #CAE0E5; padding:1px; }
.colonne-content hr {margin:20px; }

#root {background:#CAE0E5 url("../images/ombre-bleu.png") repeat-x left top; }
#conteneur {}

#contact {position:absolute; top:15px; left:760px; }
#contact a {text-decoration:none; color:#999; padding-left:30px; }
#contact a:hover {background: url("../images/email.png") no-repeat left top; color:#F15A24; }

#sociaux {margin-left:auto; margin-right:auto; width:780px; background: url("../images/header-fond.png") no-repeat left top; text-align:right; }
#sociaux ul li {display:inline; padding:2px; }
#sociaux ul li a.rss {background: url("../images/rss.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.rss:hover {background: url("../images/rss-on.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.rss span {visibility:hidden; }
#sociaux ul li a.facebook {background: url("../images/facebook.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.facebook:hover {background: url("../images/facebook-on.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.facebook span {display:none; }
#sociaux ul li a.twitter {background: url("../images/twitter.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.twitter:hover {background: url("../images/twitter-on.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.twitter span {display:none; }
#sociaux ul li a.linkedin {background: url("../images/linkedin.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.linkedin:hover {background: url("../images/linkedin-on.png") no-repeat center top; padding:4px 10px; }
#sociaux ul li a.linkedin span {display:none; }

#header {position:relative; margin-left:auto; margin-right:auto; width:960px; background:transparent url("../images/header-fond.png") no-repeat left top; padding-top:60px; }
#menu {position:relative; margin-left:auto; margin-right:auto; width:960px; padding:11px 0px; background:#CAE0E5 url("../images/menu-haut-fond.png") repeat-x left center; border:1px solid #fff; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
#logo {float:left; position:absolute; margin-top:-45px; margin-left:-30px; }

.menu-haut {display:inline; margin-top:50px; margin-left:80px; text-align:left; margin-left:280px; }
.menu-haut img {vertical-align:middle; }
#menu ul li {display:inline; margin:0px; }
#menu ul li a {text-decoration:none; color:#000; padding:13px 16px; border-left:1px solid #A7CCD4; border-right:1px solid #fff; opacity:0.5; }
.hover, .hover_ {background: url("../images/menu-hover.png") repeat-x left bottom; color:#F15A24; }
.focus {background: url("../images/bouton-hover.png") repeat-x left top; color:#F15A24; }
.over {background: url("../images/hover-bouton-noir.png") repeat-x bottom left; color:#F15A24; }
#menu ul li a span {}

.accueil {border-left:0px; border-right:0px; }
.accueil a {background: url("../images/accueil.png") no-repeat center; padding:13px 0px; border-left:0px; border-right:0px; }
.accueil a:hover {background: url("../images/accueil-hover.png") no-repeat center; }
.accueil a span {display:none; }

#search {text-align:right; display:inline; }
#search li {text-align:right; }
#search input {width:100px; border:1px solid #ccc; padding:2px 10px; color:#404040; float:right; margin-right:20px; margin-top:-2px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}

#baseline {text-align:left; margin-left:70px; margin-top:-3px; padding:0px; clear:both; }
#baseline h1 {letter-spacing:1px; font-weight:normal; float:left; margin:0px; background: url("../images/baseline-fond.png") repeat-x left top; padding-left:20px; padding-right:20px; padding-top:6px; padding-bottom:25px; font-size:13px; overflow:hidden; }

.main-header {clear:both; margin-left:auto; margin-right:auto; width:960px; position:relative; }
.accroche {width:445px; float:left; }
.accroche h1 {font-weight:bold!important; }
.illustration {margin-left:450px; }
#main .main-header h1 {clear:both; font-size:23px; text-align:left; padding:20px 20px 40px 80px; font-weight:normal; color:#404040; }
.main-header h1 span {color:#F15A24; font-weight:700; }
.main-header ul, .bandeau ul {clear:both; text-align:right; margin-left:20px; padding-top:15px; }
.main-header ul li {margin-right:0px; margin-top:-20px; display:inline; }
.bandeau ul li {margin-right:10px; display:inline; }
.main-header ul li.download, .bandeau ul li.download  {margin-right:10px; text-transform:uppercase; font-weight:700; font-size:16px; background:transparent url("../images/petitnuage.png") no-repeat 30px 0px; padding-top:40px; }
.main-header ul li.download a, .bandeau ul li.download a {color:#FFF; text-decoration:none; padding-top:8px; padding-bottom:6px; background:#F15A24; border:2px solid #FFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.main-header ul li.download a span, .bandeau ul li.download a span {padding:16px 20px 20px 60px; margin-left:-20px; color:#FFF; text-decoration:none; background:transparent url("../images/download-bouton.png") no-repeat 0px 0px; }
.main-header ul li.download a:hover, .bandeau ul li.download a:hover {background:#404040; border:2px solid #fff; }
.main-header ul {padding:50px 0px 0px; display:block; }
.accroche ul {padding-top:0; }
.accroche ul li {float:left; }

.bandeau {position:relative; }
.bandeau ul.bouton-lien {clear:both; position:absolute; right:90px; top:80px; }
.bandeau ul.bouton-lien li {margin-right:10px; display:inline; }
.bandeau ul.bouton-lien li {text-transform:uppercase; font-weight:700; font-size:16px; background:transparent url("../images/petitnuage.png") no-repeat 0px 0px; padding-top:40px; }
.bandeau ul.bouton-lien li a {color:#FFF; text-decoration:none; padding-top:5px; padding-bottom:5px; background:#F15A24 url("../images/bouton-glossy.png") repeat-x center 0px; border:2px solid #FFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.bandeau ul.bouton-lien li a span {padding:20px; color:#FFF; text-decoration:none; background:transparent; }
.bandeau ul.bouton-lien li a:hover {background:#404040; border:2px solid #fff; }

.main-header ul li.demo,
.bandeau ul li.demo {text-transform:uppercase; font-weight:700; font-size:16px; background:transparent url("../images/petitnuage.png") no-repeat right top; ; padding-top:40px; }
.main-header ul li.demo a,
.bandeau ul li.demo a {color:#FFF; text-decoration:none; padding-top:8px; padding-bottom:6px; background:#7AB840; border:2px solid #FFF; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.main-header ul li.demo a span,
.bandeau ul li.demo a span {padding:13px 60px 20px 20px; margin-right:-20px; color:#FFF; text-decoration:none; background:transparent url("../images/demo-bouton.png") no-repeat right 4px; }
.main-header ul li.demo a:hover,
.bandeau ul li.demo a:hover {background:#404040; border:2px solid #fff; }
.main-header ul li.demo a span:hover,
.bandeau ul li.demo a span:hover {background:transparent url("../images/demo-bouton-hover.png") no-repeat right 4px; }


.main-exergue {text-align:center; background:#404040; overflow:hidden; padding:10px 0px; margin-left:auto; margin-right:auto; }
.main-exergue ul {margin-left:auto; margin-right:auto; padding:10px 0px; width:960px; text-align:left; }
.main-exergue ul li {float:left; overflow:hidden; padding:10px; width:295px; color:#fff; border-right:1px dashed #FFF; }
.main-exergue ul li.last {border-right:0px; }
.main-exergue ul li img {float:left; margin-right:10px; }
.main-exergue ul li h2 {margin-left:30px; color:#F15A24; font-size:20px; margin-bottom:10px; }
.main-exergue ul li p {margin-left:120px; font-size:14px; }

div.content {position:relative; }

.main-content {margin-left:auto; margin-right:auto; clear:both; padding-top:30px; padding-bottom:40px; overflow:hidden; background:#F7FAFB url("../images/ombre-haut.png") repeat-x left top; }
.main-content ul.content {text-align:left; margin-left:auto; margin-right:auto; width:960px; }
.main-content ul.content li {float:left; padding:0px 20px; width:265px; color:#404040; }
.main-content ul.content li img {float:right; }
.main-content ul.content li h2 {color:#F15A24; float:left; font-size:20px; padding-top:20px; }
.main-content ul.content li p {font-size:14px; clear:both; min-height:80px; }

#footer {border-top:1px solid #A7CCD4; margin-bottom:1px; clear:both; overflow:hidden; background:transparent url("../images/menu-haut-fond.png") repeat-x left top; }
.menu-bas {padding:10px 0px; clear:both; margin-left:auto; margin-right:auto; width:960px; font-size:11px; }
.menu-bas li {display:inline; margin:0px; padding:0px;  }
.menu-bas li a {border-right:1px solid #A7CCD4; border-left:1px solid #fff; padding:12px 24px; margin:0px; text-decoration:none; color:#404040; }
.menu-bas li a span {}
.menu-bas li a:hover {background: url("../images/bouton-hover.png") repeat-x left top; color:#F15A24; }
.menu-bas li a.focus {background: url("../images/bouton-hover.png") repeat-x left top; color:#F15A24; }

#mention {border-top:1px solid #A7CCD4; font-size:9px; color:#404040; padding-top:20px; padding-bottom:10px; background:#F7FAFB; }
#mention p {display:inline; margin:5px; vertical-align:bottom; }
#mention img a {display:inline; vertical-align:bottom; }

/*-------------FACTS --------------------*/
.main-colonne {margin-top:40px; margin-left:auto; margin-right:auto; width:960px; min-height:450px; clear:both; padding-top:30px; padding-bottom:40px; overflow:hidden; background:#F7FAFB; }
.main-colonne h1 {color:#F15A24; font-size:29px; text-transform:uppercase; }
.titre-image h1 {display:inline; margin-right:30px; }
.titre-image img {display:inline; vertical-align:middle; }
.main-colonne h2 {font-size:20px; display:block; padding:10px 0px; font-weight:100; }
.colonne {float:left; width:410px; text-align:left; border-right:1px solid #fff; padding:10px 30px; }

/*-------------FACTS details--------------------*/
.main-colonne-menu {margin-top:20px; margin-left:auto; margin-right:auto; width:960px; min-height:450px; clear:both; overflow:hidden; background:#F7FAFB url("../images/colonne-fond-menu.png") repeat-y left top; }
.colonne-menu {float:left; width:280px; text-align:right; margin:0px; padding:0px; }
.colonne-menu ul {margin:0px; padding:0px; }
.colonne-menu ul h1 {margin:10px 20px; font-size:21px; text-transform:uppercase; color:#F15A24; }
.colonne-menu li {margin:0px; }
.colonne-menu li a {border-top:1px solid #fff; border-bottom:1px solid #A7CCD4; font-size:18px; display:block; padding:10px 20px; text-decoration:none; color:#404040; background:transparent url("../images/menu-vertical.png") repeat-y left top; }
.colonne-menu li a:hover, .colonne-menu li a.hover_ {background:transparent url("../images/menu-vertical-hover.png") repeat-y right top; }
.colonne-menu li a span {}

.colonne-content {margin-left:290px; text-align:left; border-left:1px solid #A7CCD4; padding:15px 15px 0px 15px; }
.colonne-content h1 {color:#F15A24; font-size:21px; text-transform:uppercase; line-height:120%; margin-bottom:20px; }
.colonne-content h2 {padding-top:20px; padding-bottom:0px; }
.colonne-content h3 {padding:5px 20px 0; }
.colonne-content h4 {font-size:13px; text-transform:uppercase; margin-top:5px; font-weight:100; margin-left:20px; }.colonne-content 

.petit-texte {padding:10px 0px; font-size:9px; color:#999; letter-spacing:1px; }
.colonne-content p {padding:10px 20px; }
.colonne-content p.petit-texte {padding:5px 20px; }
.colonne-content ul.texte {padding-left: 20px; }
.colonne-content ul.texte li {margin-top: 5px; } /*list-style: square outside url("../images/puce.png"); */

.bandeau {clear:both; background:#F7FAFB url("../images/fond-bleu-degrade.png") repeat-x left center; margin-left:-13px; margin-right:-13px; height:120px; padding:40px 30px 0px 30px; margin-top:50px; }
.bandeau img {display:inline; margin:0px; padding:0px; vertical-align:middle; }
.bandeau ul {display:inline; margin:0px; padding:0px; }

/*-------------FACTS --------------------*/
.main-block {text-align:center; margin-top:20px; margin-left:auto; margin-right:auto; width:960px; min-height:450px; clear:both; overflow:hidden; }
.main-block-content {text-align:center; margin-top:20px; margin-left:auto; margin-right:auto; width:960px; min-height:450px; clear:both; background:#F7FAFB; overflow:hidden; }
.main-block-content div.content {margin:20px 30px 10px; text-align:left; }
.main-block-content #accordion div.content {margin-top:0; }
.main-block-content h1 {color:#F15A24; font-size:21px; text-transform:uppercase; line-height:120%; margin-bottom:20px; }
.main-block-content h4 {font-size:13px; text-transform:uppercase; margin-bottom:15px; font-weight:100; }

ul.texte {margin:10px 20px; }
ul.texte > li {list-style: square outside url("../images/puce.png") ; }
ul.retrait {margin-left:35px; }
ul.retrait li {list-style-image:none; }
ol {padding: 10px; }
ol li {list-style:decimal-leading-zero inside ; padding:3px 10px; }

.nuage li {display:block; width:200px; padding:0px 20px; padding-top:50px; float:left; margin:30px; }
.nuage li.nuage-dr {background:transparent url("../images/nuage-texte-dr.png") no-repeat center 0px; }
.nuage li.nuage-ga {background:transparent url("../images/nuage-texte-ga.png") no-repeat center 0px; }

/*-------------DOWNLOAD --------------------*/
.main-colonne-texte {margin-top:20px; margin-left:auto; margin-right:auto; width:960px; clear:both; overflow:hidden; background:#F7FAFB url("../images/colonne-fond-menu.png") repeat-y left top; }
/*min-height:450px; */
.colonne-texte, .colonne-texte-wide {float:left; width:240px; text-align:left; margin:0px; padding:20px; }
.colonne-texte-wide {width:600px; }
.tableau {margin-top:0px; }
.tableau p {text-align:right; }

.main-colonne-texte .colonne-texte-wide {padding:20px!important; }

.main-colonne-texte h1 {color:#F15A24; font-size:21px; text-transform:uppercase; }
.main-colonne-texte h2 {color:#F15A24; font-size:18px; text-transform:uppercase; margin-bottom:10px; }
.main-colonne-texte h3 {color:#F15A24; font-size:15px; text-transform:uppercase; margin:10px 0 10px; }
.main-colonne-texte h3 p {padding:10px 0px; }

code {border:1px dashed #ccc; background:#FCFAE8; padding:10px; display:block; margin:10px 0px; }
p span, h1 span, h2 span, h3 span {color:#F15A24; }

/*-------------DEMO--------------------
/*le clickme*/
#ttfrmcusorder-cntcus-awlbl2 {text-align:right; background:transparent; color:#000000; width:80px; height:17px; font:12px Arial; margin:0; }

/*-------------STEP-ACCORDION--------------------*/
#accordion {}
#accordion h3 {padding:inherit; padding:0px 0px 3px 8px; text-align:left; color:#F15A24; border-bottom:1px dotted #F15A24; }
#accordion h4 {padding:inherit; margin:0px; padding:0px 0px 3px 0px; text-align:left; color:#404040; font-weight:700; margin-top:15px; }
#accordion p {padding:inherit; margin:0px; padding:2px 0px 4px 0px; }

/*-------------TWEET-------------------*/
.twtr-hd {display:none; }
.twtr-ft img {display:none; }

a.twtr-join-conv {text-decoration:none; color:inherit; margin:0px; border:1px solid #CAE0E5; padding:7px 15px; background:#A7CCD4 url("../images/bouton-glossy.png") no-repeat center 0px; text-decoration:none; text-transform:uppercase; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}
a.twtr-join-conv:hover {text-decoration:none; color:#fff; background:#CAE0E5; border:1px solid #fff; }

/*------------- form -------------------*/
form.valcke {padding:10px; }
fieldset label {color:#404040; display:block; margin-top:10px; }
fieldset {border:0px; font-size:15px; padding:10px; }
fieldset input {font-size:15px; padding:4px 5px; width:99%; border:1px solid #ccc; color:#F15A24}
fieldset select {font-size:15px; padding:2px 0px 2px 4px; width:99%; border:1px solid #ccc; background:#fff; color:#F15A24; }
fieldset textarea {font-size:15px; padding:5px 4px; width:99%; color:#F15A24; border:1px solid #ccc; font-family:verdana,sans-serif; }

/*--------- inFieldLabels() ---------*/
fieldset p {position:relative; padding:0!important; } 
fieldset p input {margin-bottom:20px; }
fieldset p label {position:absolute; left:5px; top:2px; margin-top:0; color:#F15A24} /* inFieldLabels() */

label.fleche {background:transparent url("../images/fleche.png") no-repeat left; padding:10px 0px; }
label.fleche span {visibility:hidden; }
input.email {font-size:13px; padding:8px 5px; border:1px solid #ccc; color:#F15A24}

#download-box, #join-box  {width:600px; height:390px; display:none; background:transparent url("../images/fond-nuage.png") no-repeat center center; }
#download-box h1, #join-box h1 {text-align:left; font-size:13px; margin-left:20px; margin-top:20px; color:#F15A24; font-size:21px; text-transform:uppercase; line-height:90%; padding-top:100px; padding-left:120px; }
#download-box p, #join-box p {padding:10px 20px; color:#404040; font-size:14px; text-transform:uppercase; padding-left:120px; text-align:left; }
#merci {width:600px; height:390px; display:none; background:transparent url("../images/fond-nuage.png") no-repeat center center; }
#download-box form,#join-box form {text-align:left; margin-left:120px; }

/*--------- Contact Form ---------*/
#contactSubmit {text-align:right; }
input.submit {width:inherit; text-align:right; font-size:15px; margin:0px; border:1px solid #F15A24; padding:7px 15px; background:#F15A24 url("../images/bouton-glossy.png") no-repeat center 0px; text-decoration:none; color:#fff; text-transform:uppercase; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}

/*-------------bouton-lien style -------------------*/
.more {text-align:right; margin-right:20px; padding-top:10px; }
.more li {background: url("../images/bouton-glossy.png") repeat-x left top; padding:10px; background:#F7FAFB; }
.more li a {margin:0px; border:1px solid #F15A24; padding:7px 15px; background:#F15A24 url("../images/bouton-glossy.png") no-repeat center 0px; text-decoration:none; color:#fff; text-transform:uppercase; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}
.more li a span {background:transparent url("../images/bouton-fleche.png") no-repeat left center; padding-left:20px; }
.more li a:hover {background:#404040; border:1px solid #fff; }

.i-frame .main-block-content {width:100%; margin:0px; padding:0px; min-height:inherit; }
.main-block-content .team  {background:#CAE0E5 url("../images/ombre-bleu.png") repeat-x left top; padding:20px; text-align:left; }
.main-block-content div.about {background:#CAE0E5; padding:30px 20px 20px 20px; background: url("../images/nuage-texte-dr.png") no-repeat -15px 0px; }
.main-block-content div.about .content {margin-left:110px; padding:0px 30px; background: url("../images/bulle.png") no-repeat left 15px; }
.main-block-content div.about .content p {padding:10px 0px; }
.main-block-content div.about .content span {display:block; padding:15px; background-color:#fff; 
	-moz-box-shadow:#A7CCD4 2px 2px 3px; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}
.main-block-content div.about .icone {overflow:visible; background-color:#fff; float:left; width:90px; height:110px; margin-right:10px; text-align:center; }
.main-block-content div.about .icone img {}


#main ul.bt {list-style:inherit; list-style:none; margin:10px 0px; padding:0px; height:40px; }
#main ul.bt li {list-style:inherit; list-style:none; }
.bt {text-align:right; padding:10px 0px; margin:0px; clear:both; }
.after {float:left; background: url("../images/bouton-glossy.png") repeat-x left top; padding:10px; background:#F7FAFB; }
.after a, .after button {margin:0px; border:1px solid #F15A24; padding:7px 15px; background:#F15A24 url("../images/bouton-glossy.png") no-repeat center 0px; text-decoration:none; color:#fff; text-transform:uppercase; cursor:pointer; 
	-moz-border-radius:8px; 
	-webkit-border-radius:8px; 
	border-radius:8px; 
}
.after a span {background:transparent url("../images/bouton-fleche.png") no-repeat left center; padding-left:20px; }
.after a:hover {background:#404040; border:1px solid #FFF; }

.before {text-align:left; padding:10px; margin:0px; float:left; }
.before a, .before button {padding:7px 15px; border:1px solid #999; background:#CCC; text-decoration:none; color:#666; text-transform:uppercase; cursor:pointer; }
.before a span {border-bottom:2px solid #666; border-right:2px solid #666; padding:7px 10px; margin-right:-10px; margin-left:-10px; }
.before a:hover {background:#666; border:1px solid #999; color:#FFF; }

/*-------------screenshoot - demo -------------------*/
.screenshot {text-align:left; padding:0px; margin:0px; width:640px; }
.screenshot li {display:inline; padding:5px; margin:0px; line-height:30px; }
.screenshot a {padding:0px; margin:0px; }
.screenshot img {width:290px; height:190px; border:2px solid #CCC; }

/*-------------testimoniaux @fontface -------------------*/
.testi {display:none; position:absolute; top:-5px; left:0px; text-align:left; font-family:verdana; border:1px solid red; width:520px; }
.testi img {float:left; margin-right:20px; }
.testi p {color:#4D4D4D; font-size:12px; font-weight:700; }
.testi p.auteur {margin-left:20px; color:#4D4D4D; letter-spacing:1px; font-size:10px; font-weight:100; text-align:left; margin-top:10px; }

#testimoniaux {display:inline-block; width:490px; background:transparent url("images/fond-testimoniaux.png") no-repeat left top; padding:20px 20px 20px 40px; }
#testimoniaux img {float:left; margin-right:20px; }
#testimoniaux p {text-align:left; }
#testimoniaux span {float:right; font-size:10px; }

#testimoniaux {visibility:hidden; padding:0px 20px 0px 40px; } /* en attendant le contenu ... */

/*------------- How-to guide -------------------*/
#how-to-guides {width:100%; margin-bottom:20px; color:#4D4D4D; padding:5px; }
#how-to-guides option {font-family: verdana, arial, helvetica, sans-serif; padding: 0 5px; }
#how-to-guide {width:100%; height:1200px; }

/*------------- Pricing V2 -------------------*/
.btdwl {display:inline-block; padding-left:-20px; }
.btdwl ul li {padding:0px 20px; }

.main-block-gauche {width:578px; min-height:500px; display:inline-block; text-align:right; }
.main-block-gauche .content {text-align:center; margin:10px 20px; border:2px solid #FFF; position:relative; background:#FFF url("images/fondblock-pricingV2.png") repeat-x left bottom; min-height:200px; }
.main-block-gauche table {border-collapse: collapse; width:340px; margin-left:150px; font-size:12px; margin-top:20px; }
.main-block-gauche caption {font-family:arial, sans-serif; font-weight:700; font-size:20pt; text-align:right; }
	.development {color:#F15A24; border-bottom: 2px solid #F15A24; }
	.production {color:#4D4D4D; border-bottom: 2px solid #4D4D4D; }
.main-block-gauche th {font-family: arial, sans-serif; width: 50%; text-align: left; font-weight:100; border:none; }
	.development span {color:#4D4D4D; }
	.production  span {color:#F15A24; }
.main-block-gauche td {font-family: arial, sans-serif; border-bottom: 1px dotted #4D4D4D; width: 50%; padding: 5px; text-align: left; vertical-align:middle; border:none; }
	td.right, th.right {text-align: right; }

.main-block-gauche tfoot td {border-bottom: 0px; padding:20px 10px; font-weight:700; }

.main-block-droite {width:210px; min-height:500px; display:inline-block; vertical-align:top; }
.main-block-droite .content {text-align:center; margin:10px 0px; border:2px solid #FFF; position:relative; background:#FFF url("images/fondblock-pricingV2.png") repeat-x left bottom; padding:20px 0px; }
.main-block-droite .content h2 {margin-top:-20px; padding:10px 5px; text-align:right; background:#29ABE2 url("images/fond-nuage.png") no-repeat left 20px; color:#FFF; font-size:16px; }
.main-block-droite .content h1 {color:#29ABE2; font-size:18px; line-height:90%; margin-top:20px; }
.main-block-droite .content ul {text-align:left; margin:5px 0px; padding:0px 20px; }
.main-block-droite .content ul li {padding:10px 0px; list-style-image:url(images/puce-flechenoir.png); list-style-position:inside; border-bottom:1px solid #C8E0E6; font-size:10px; }
	
.uscost, .eurocost {background:transparent url("images/number-degrade.png") no-repeat top left; padding:5px 10px; float:right; color:#FFF; font-size:16px; font-weight:700; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
	.orange {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display:block; background:#F15A24 url("images/number-degrade.png") no-repeat top left; color:#FFF; text-align:center; width:50%; float:right; }
	.black {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; display:block; background:#4D4D4D url("images/number-degrade.png") no-repeat top left; color:#FFF; text-align:center; width:50%; float:right; }

.number {background:#4D4D4D url("images/number-degrade.png") no-repeat top left; padding:0px 10px; float:right; color:#FFF; font-size:16px; font-weight:700; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

.mention {font-size:9px; text-align:justify; margin-top:10px; }
.mention p {margin:10px 10px; padding:0px 20px; }
#freelicense {position:absolute; background:transparent url("images/patch-freelicence.png") no-repeat left top; display:block; top:0px; left:0px; width:121px; height:121px; }
#perpetLicense {position:absolute; background:transparent url("images/patch-perpetuallicence.png") no-repeat left top; display:block; top:0px; left:0px; width:121px; height:121px; }

/*-- BOUTON SLIDE --*/
div.UISwitch input.btslide {display: none; }
div.UISwitch    {background:#29ABE2 url("images/bt-degradeblanc.png") repeat-x 0px 20px; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; color:#FFF; border:1px solid #999; cursor:pointer; }
span.UISwitch   {width:52px; font-family:arial, sans-serif; display:block; position:relative; overflow:hidden; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; background:#CCC url("images/bt-degradeblanc.png") repeat-x 0px bottom; padding:10px 20px; border:1px solid #999; color:#4D4D4D; font-weight:700; }

/*-- PRICING FORM --*/
div.titreform {position:relative; height:40px; }
h1.form {background:#F15A24; font-size:13px; color:#FFF; position:relative; padding:5px 0px; margin:0; text-align:center; text-transform:uppercase; }
div.titreform span {display:block; height:14px; width:36px; position:absolute; background:transparent url("images/iconbulle.png") no-repeat left top; left:30px; }

#pricingForm fieldset, #trialForm fieldset {display:inline-block; vertical-align:top; width:220px; }
#trialForm fieldset {width:300px; }

.chkNews {text-align:left; margin-left:12px; }
.chkNews input {margin:4px 10px 10px 0px; padding:0px; float:left; width:inherit; }
.chkNews label {font-size:10px; text-align:left; }
.closeUp {margin-top: -15px; }

.aSubmit {position:relative; top:-10px; }
.aSubmit a {text-align:center; border:1px solid #FFF; display:block; padding:5px 0px; margin-top:20px; font-size:10px; color:#FFF; background:#F15A24 url(images/bouton-effethalo.png) no-repeat 0px -10px ; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#trialSubmit a {background-image:url(images/bouton-effethalo-298.png); }
.aSubmit a:hover {border:1px solid #FFF; display:block; padding:5px 0px; margin-top:20px; font-size:10px; color:#FFF; background:#4D4D4D; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.aSubmit span {background:transparent url("images/bouton-flechebas.png") no-repeat left top; width:41px; height:39px; left:0px; bottom:35px; position:absolute; }

/*-- responseBox --*/
#responseBox {width:100%; text-align:center; position:fixed; top:40%; }
.responseBox {-moz-box-shadow: 4px 4px 10px #888; -webkit-box-shadow: 4px 4px 10px #888;  box-shadow:4px 4px 6px #888; border:5px solid #F15A24; background:#FFF; padding:20px; width:578px; position:relative; }
.responseBox a {position:absolute; right:-20px; top:-20px; }
.responseBox h1 {color:#F15A24; font-size:16px; text-align:center; }
.responseBox p {margin:10px; font-size:11px; text-align:justify; }
#pricingForm .responseBox {margin-right:auto; margin-left:auto; }

/*-- module AboutQuestion --*/
#AboutQuestion {top:0px; background: url("../Images/about_icon.png") no-repeat 0px -5px; padding:45px 0px 0px; height:70px; color:#4D4D4D; width:600px; display:block; position:absolute; }
#AboutQuestion .gche {float:left; width:220px; }
#AboutQuestion .drte {border-left:1px dashed #4D4D4D; margin-left:235px; margin-top:5px; padding:5px 15px; }
#AboutQuestion .drte p {margin:0px; padding:0px; text-align:left; }
#AboutQuestion .drte p a {color:inherit; color:#F15A24; text-decoration:underline; }
#AboutQuestion .drte p a:hover {opacity:0.7; color:#000; }
#AboutQuestion .gche h2 {margin:0px; padding:0px; text-align:right; font-weight:normal; }
#AboutQuestion .gche h1 {margin:0px; margin-top:-10px; padding:0px; text-align:right; font-weight:700; }
#AboutQuestion .gche h1 span {color:#F15A24; }

.ui-widget-content a {color: #F15A24; } /* black in jQueryUI*/