@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; }
.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;
}

/* 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; }

/*-------------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; background:#fff; border:0px; border-top:1px solid #CAE0E5; padding:1px; }

#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-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 h5 {font-size:12px; margin-top:5px; margin-left:20px;}

.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 0px; 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:18px;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;}
.gche{float:left;width:220px;}
.drte{border-left:1px dashed #4D4D4D;margin-left:235px;margin-top:10px;padding:5px 15px;}
.drte p{margin:0px;padding:0px;text-align:left;}
.drte p a{color:inherit;color:#F15A24;text-decoration:underline;}
.drte p a:hover{opacity:0.7;color:#000;}
.gche h2{margin:0px;padding:0px;text-align:right;font-weight:normal;}
.gche h1{margin:0px;margin-top:-10px;padding:0px;text-align:right;font-weight:700;}
.gche h1 span{color:#F15A24;}

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