@charset "UTF-8";


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 12, 2012 */
/* @font-face { */
/*     font-family: 'DesyrelRegular'; */
/*     src: url('../fonts/desyrel-webfont.eot'); */
/*     src: url('../fonts/desyrel-webfont.eot?#iefix') format('embedded-opentype'), */
/*          url('../fonts/desyrel-webfont.woff') format('woff'), */
/*          url('../fonts/desyrel-webfont.ttf') format('truetype'), */
/*          url('../fonts/desyrel-webfont.svgz#DesyrelRegular') format('svg'), */
/*          url('../fonts/desyrel-webfont.svg#DesyrelRegular') format('svg'); */
/*     font-weight: normal; */
/*     font-style: normal; */

/* } */



/*!
/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {
  font-size: 14px;
  line-height:1.5;
  font-family: 'Montserrat','Verdana', sans-serif;
  background-color: white;
  text-align: center; /* IE7 */
}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
h1, h2, h3, h4, h5, h6 {
  font-weight:normal;
  color:#111;
  font-family:"Verdana",sans-serif;
}
h1 {font-size:3em;margin-bottom:0.75em;}
h2 {font-size:2.2em;line-height:1;margin-bottom:1em; border-bottom: 2px solid #D9E012;}
h3 {font-size:1.5em;line-height:1.25;margin-bottom:1.25em; border-bottom: 1px solid #DDDDDD;}
h4 {font-size:1.2em;font-weight:bold;margin-bottom:1.5em;}
h5,h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p{
  margin:0 0 1.5em;
  font-size: 1.1em;
  font-family:"Montserrat",sans-serif;
}

li { font-size: 1.1em; }

img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
img.center{ margin: 0 auto; display: block;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type: square;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}

hr{border: 0; border-bottom: 2px solid #EEEEEE;}

div.error, div.notify, div.success, div.info {padding:.8em .8em .8em 3em; margin-bottom:1em;border:2px solid #ddd; background-position: 1em 1em;}
div.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.notify {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.success {background:#E6EFC2;color: #3c7505;border-color:#C6D880;}
div.error a {color:#8a1f11;}
div.notify a {color:#514721;}
div.success a {color:#264409;}

form {margin-bottom: 20px; }
fieldset {
  margin-bottom: 20px; }
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
div.g-recaptcha,
select {
  border: 1px solid #ccc;
  padding: 6px 4px;
  border-radius: 2px;
  font: 1em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: black;
  margin: 0;
  display: block;
  margin-bottom: 20px;
  background: #fff; }
select {
  padding: 0; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  box-shadow: 0 0 3px rgba(0,0,0,.2); }
textarea {
  min-height: 60px; }
label,
legend {
  display: block;
}
label{font-size: 1em; }
legend{font-size: 1.2em; font-weight: bold;}
input[type="checkbox"] {
  display: inline; }
label span,
legend span {
  font-weight: normal;
  color: #444; }

.clearfix:after, .container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow:hidden;
}
.clearfix, .container {display: block;}

.clear { clear:both; }

/* Layout
================================================== */

/* IE 7 */ 
#header, #menu, #footer, #corpus{ text-align: left;}





/* Appearance
================================================== */

a { color: #597DAB;}
a{ text-decoration: none; border-bottom: 1px dotted #BBBBBB;}
a:hover{ text-decoration: none; }
a:active{ text-decoration: none; }

hr.page-part{
  margin: 2em 0 3em 0;
  clear: both;
}

br.responsive { display: none; }

#logo-big, #logo-small { display: none; }

#header a,
#header a:visited,
#header a:hover,
#languages a,
#languages a:visited,
#languages a:hover{ border: 0;}

#languages img{
  border: 1px solid white;
  padding: 3px 2px;
  border-radius: 3px;  
}

#login > a > span{
  background-image: url(../images/login.png);
  background-position: 5px 40%;
  background-repeat: no-repeat;
  padding: 0 0 0 40px;
}

#login a, #login a:visited,
#login a:hover {
  display: block;
  background-position: 5px 40%;
  background-repeat: no-repeat;
  padding: 5px 6px 5px 5px;
  color:#0169c9;
  text-decoration: none;
  line-height: 25px;
  border:1px solid #cfcfcf; 
  border-top: 0;
  border-radius: 0 0 5px 5px;
  box-shadow:1px 0 0 #fff inset;
  background-color:#f8f8f8;
  background:linear-gradient(to top, #f4f4f4, #fefefe);
}

#login a:hover{
  box-shadow:1px 0 0 #fff;
  background-color:#fcfcfc;
  border:1px solid #f44800;
  border-top: 0; 
  background: linear-gradient(to top, #fff, #fafafa);
}


#mainmenu {
  background-color: #3b6ba9;
  list-style-type: none;
  margin: 0;
  padding: 0;
  height: 46px;
}

#mainmenu a,
#mainmenu a:active,
#mainmenu a:visited,
#mainmenu a:hover {
  display: block;
  font-weight:bold;
  color: white;
  text-shadow:-1px -1px 2px rgba(0, 0, 0, 0.25);
  font-family:"Verdana",sans-serif;
  /* font-family: "Verdana", Arial, Helvetica, sans-serif; */
  text-decoration:none;
  border-bottom: 0;
}

#mainmenu a.small-screen,
#mainmenu a.big-screen { display: none; }


span.text-green{ color: #80be43; }
span.text-orange{ color: #F57900; }
span.text-blue{ color: #3b6ba9; }


/* #social a.contact { */
/*   font-size: 1.2em; */
  
/* } */

/* #mainmenu a.highlight{ */
/*   padding-bottom: 6px; */
/*   border-bottom: 5px solid rgba(255, 255, 255, 0.3); */
/*   text-shadow: -1px -1px 2px rgba(30, 30, 30, 0.50); */
/* } */

/* #mainmenu a.sub{ */
/*   border-bottom: 2px solid #F57900; */
/*   background-color:rgba(255, 255, 255, 0.1); */
/*   padding-bottom: 9px; */
/* } */

/* #mainmenu a.current, */
/* #mainmenu a:hover, */
/* #mainmenu a:active, */
/* #mainmenu a.sub:hover, */
/* #mainmenu a.sub:active{ */
/*   border-bottom: 5px solid #F57900; */
/*   background-color:rgba(255, 255, 255, 0.1); */
/*   padding-bottom: 6px; */
/* } */


/* #mainmenu img{ */
/*   vertical-align: bottom; */
/* } */

/* #mainmenu li + li a, */
/* #mainmenu li + li a:active, */
/* #mainmenu li + li a:visited, */
/* #mainmenu li + li a:hover{ */
/*   border-left: 1px solid rgba(0, 0, 0, 0.15); */
/* } */


#footer {
  font-size: 1.1em;
}


#footer a{border: 0;}


/* Sharing buttons */

.blog-sharing-buttons{
  text-align: right;
  font-size: 1.4em;
}

.blog-sharing-buttons a {
  border-bottom: none;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block;
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.1em;
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.1em 0.4em 0.3em 0.4em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.resp-sharing-button__icon svg {
  width: 1.2em;
  height: 1.2em;
  margin-right: 0.2em;
  vertical-align: top;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none;
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none;
}

.resp-sharing-button svg {
  fill: #ccc;
}

.resp-sharing-button:hover svg,
.resp-sharing-button:active svg {
  fill: white;
}

/* /\* .resp-sharing-button--twitter { background-color: #55acee } *\/ */

/* .resp-sharing-button--twitter:hover { background-color: #2795e9 } */

/* /\* .resp-sharing-button--facebook { background-color: #3b5998 } *\/ */

/* .resp-sharing-button--facebook:hover { background-color: #2d4373 } */

/* /\* .resp-sharing-button--reddit { background-color: #5f99cf } *\/ */

/* .resp-sharing-button--reddit:hover { background-color: #3a80c1 } */


/* /\* .resp-sharing-button--linkedin { background-color: #0077b5 } *\/ */

/* .resp-sharing-button--linkedin:hover { background-color: #046293 } */

/* /\* .resp-sharing-button--email { background-color: #777 } *\/ */

/* .resp-sharing-button--email:hover { background-color: #5e5e5e } */

/* /\* .resp-sharing-button--whatsapp { background-color: #25D366 } *\/ */

/* .resp-sharing-button--whatsapp:hover { background-color: #1da851 } */

/* .resp-sharing-button--facebook { */
/*   background-color: #3b5998; */
/*   border-color: #3b5998; */
/* } */

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

/* .resp-sharing-button--twitter { */
/*   background-color: #55acee; */
/*   border-color: #55acee; */
/* } */

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

/* .resp-sharing-button--email { */
/*   background-color: #777777; */
/*   border-color: #777777; */
/* } */

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #5e5e5e;
  border-color: #5e5e5e;
}

/* .resp-sharing-button--linkedin { */
/*   background-color: #0077b5; */
/*   border-color: #0077b5; */
/* } */

.resp-sharing-button--linkedin:hover,
.resp-sharing-button--linkedin:active {
  background-color: #046293;
  border-color: #046293;
}

/* .resp-sharing-button--reddit { */
/*   background-color: #5f99cf; */
/*   border-color: #5f99cf; */
/* } */

.resp-sharing-button--reddit:hover,
.resp-sharing-button--reddit:active {
  background-color: #3a80c1;
  border-color: #3a80c1;
}



/* / Sharing buttons */



.big-title{
  margin-bottom: 2.25em
}

.big-title,
.big-title h1{
  font-family:"Verdana",sans-serif;
  /* font-family: Georgia,sans-serif; */
  text-align: center;
}

.big-title h1{
  font-size: 3em;
  line-height: 1.2em;
  margin-bottom: 0;
  font-weight: normal;
}


.medium-title { margin: 1em 0 2em 0; }

.medium-title h1{
  font-size: 2.4em;
  line-height: 1.2em;
  font-weight: normal;
  font-family:"Verdana",sans-serif;
  /* font-family: Georgia,sans-serif; */
  text-align: left;
}

.big-title h1 a,
.big-title h1 a:link,
.big-title h1 a:visited,
a.small-link,
a.small-link:link,
a.small-link:visited{
  font-size: 15px;
  font-family:"Verdana",sans-serif;
  /* font-family: 	"Verdana",Arial,Helvetica,sans-serif; */
  white-space: nowrap;
}

.big-title h1 a,
.big-title h1 a:link,
.big-title h1 a:visited,
a.small-link,
a.small-link:link,
a.small-link:visited,
div.slogan-small a,
div.slogan-small a:link,
div.slogan-small a:visited,
div.slogan a,
div.slogan a:link,
div.slogan a:visited{
  color: #80be43 !important;
  border: 0;
}

.big-title h1 a:hover,
.slogan-small a:hover,
.slogan a:hover{
  text-decoration: underline !important;
}

.big-title p.subtitle{
  font-size: 2em;
  color: #232323;
  margin: 0 0 0.5em 0;
}

p.intro{
  font-size: 1.2em;
  color: #3C3C3C;
}


div.slogan{
  font-family:"Verdana",sans-serif;
  /* font-family: Georgia,sans-serif; */
  text-align: center;
  font-size: 2.4em;
  line-height: 1.2em;
}

div.slogan-small{
  text-align: center;
  font-size: 1.5em;
  line-height: 1.2em;
}




/* home */

.big-title.home{
  padding-top: 2em;
}


h2.blog-title:before {  
  content: "";  
  display: block;  
  border-top: solid 1px #777777;
  width: 100%;  
  height: 1px;  
  position: absolute;  
  top: 50%;  
  z-index: 1;  
}

h2.blog-title{
  border: 0;
  position: relative;
  text-align: center;
  font-family:Georgia,Times,serif;
}

h2.blog-title span{
  position: relative;
  background-color: #FFFFFF;
  padding: 0 1ex;
  z-index: 1;
}


.slideshow .slides{
  position: relative;
}

.slideshow .slides .slide{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.slideshow .slides .next{
  z-index: 1;
}


.blogHeadlines{
  position: relative;
}

.blogHeadlines:after{
  clear:both;
  content:" ";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

.blogHeadlines .headline{
  width: 29%;
  float: left;
  height: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5%;
}

.blogHeadlines .headline + .headline{
  margin-left: 5%;
}

.blogHeadlines .headline:hover{
  border-radius: 2px;
}

.blogHeadlines .headline:hover h3{
  text-decoration: underline;
}


.blogHeadlines .headline a{
  border: 0;
  color: inherit;
  display: block;
}

.blogHeadlines .headline h3{
  font-size: 1.2em;
  line-height: 1.25em;
  margin: 0;
  padding: 0;
  color: #3B6BA9;
  font-family:Georgia,Times,serif;
  border: 0;
}

.blogHeadlines .headline h3 a{
  padding: 0 0 0.8em 0;
}

.blogHeadlines .headline p{
  color: #353535;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.blogHeadlines .shadow{
  height: 3em;
  width: 100%;
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0), #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='#ffffff', GradientType=0);

}

/* pricing */

header.pricing {
  position: relative;
}

header.pricing h1 {
  font-size: 2.5em;
}

header.pricing h1,
ul.pricing-advantages {
  text-align: left;
  margin: 0 200px 5px 0;
}

header.pricing p.yearly-discount{
  position: absolute;
  right: 0;
  top: 0;
}

ul.pricing-advantages{
  font-family: 'Montserrat', sans-serif;
  font-size: 1.6em;
  list-style: none;
  padding-left: 1em;
  margin-bottom: 1em;
}

ul.pricing-advantages li:before {
  content: '✓ ';
  color: #84e527; 
  font-weight: bold;
}

p.pricing-slogan{
  font-family: 'Montserrat', sans-serif;
  font-size: 34px;
  margin: 1em 0 0 0;
  text-align: center;
}

.tarifs-gamme{
  margin: 10px -20px;
}

.tarifs-gamme .packs{
  margin: 0 0 30px 0;
}

.tarifs-gamme .pack,
.tarifs-gamme .needs-more{
  padding: 0 20px 10px 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  background-color: #282828;
  background-image: linear-gradient(to bottom, #777974, #2c2c2c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777974', endColorstr='#2c2c2c', GradientType=0);
  border-radius: 10px;
  color: white;
  box-shadow: 1px 2px 3px -2px rgba(255, 255, 255, 0.5) inset;
}

.tarifs-gamme .pack h3,
.tarifs-gamme .needs-more h3{
  font-family:"Verdana",sans-serif;
  /* font-family: Tahoma,Verdana,serif; */
  color: white;
  font-weight: normal;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  border: 0;
  font-size:30px;
}

.tarifs-gamme .pack {
  margin-top: 25px;
}

.tarifs-gamme .pack + .pack {
  margin-top: 20px;
  box-shadow: 1px 2px 3px -2px rgba(255, 255, 255, 0.5) inset, 0 1px 5px rgba(0, 0, 0, 0.8);
}

.tarifs-gamme .pack + .pack + .pack {
  margin-top: 15px;
}

.tarifs-gamme .pack + .pack + .pack + .pack {
  margin-top: 10px;
}

.tarifs-gamme .pack h3{
  margin: -10px -5px 8px -5px;
  padding: 3px 0 5px 0;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 4px 1px rgba(0, 0, 0, 0.8);
  background-color: #73d216;
  background-image: linear-gradient(to bottom, #87e928, #559c10);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e928', endColorstr='#559c10', GradientType=0);
  margin-bottom: 10px;
}

.tarifs-gamme .pack .description .pack-accounts,
.tarifs-gamme .pack .description .pack-storage,
.tarifs-gamme .pack .description p.free-trial{
  color: #87e928;
}

.tarifs-gamme .pack + .pack h3{
  background-color: #f57900;
  background-image: linear-gradient(to bottom, #ff9c3c, #d76a00);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c3c', endColorstr='#d76a00', GradientType=0);
  margin-bottom: 15px;
}

.tarifs-gamme .pack + .pack .description .pack-accounts,
.tarifs-gamme .pack + .pack .description .pack-storage,
.tarifs-gamme .pack + .pack .description p.free-trial{
  color: #ff9c3c;
}

.tarifs-gamme .pack + .pack + .pack h3{
  background-color: #ad7fa8;
  background-image: linear-gradient(to bottom, #c19fbe, #9f6999);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c19fbe', endColorstr='#9f6999', GradientType=0);
  margin-bottom: 20px;
}

.tarifs-gamme .pack + .pack + .pack .description .pack-accounts,
.tarifs-gamme .pack + .pack + .pack .description .pack-storage,
.tarifs-gamme .pack + .pack + .pack .description p.free-trial{
  color: #c19fbe;
}


.tarifs-gamme .pack + .pack + .pack + .pack h3{
  background-color: #3465a4;
  background-image: linear-gradient(to bottom, #799fd4, #3567a7);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#799fd4', endColorstr='#3567a7', GradientType=0);
  margin-bottom: 25px;
}

.tarifs-gamme .pack + .pack + .pack + .pack .description .pack-accounts,
.tarifs-gamme .pack + .pack + .pack + .pack .description .pack-storage,
.tarifs-gamme .pack + .pack + .pack + .pack .description p.free-trial{
  color: #799fd4;
}

.tarifs-gamme .pack{
  width: 180px;
  float: left;
}

.tarifs-gamme .pack .prices{
  text-align: center;
  font-size:14px;
  margin: 0 0 20px 0;
}

.tarifs-gamme .pack .price .amount{
  font-weight: bold;
}

.tarifs-gamme .pack .price .periodicity{
  color: #d3d3d3;
}

.tarifs-gamme .pack .price.monthly .amount{
  font-size: 45px;
  line-height: 45px;
  text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
}

.tarifs-gamme .pack .price.monthly .amount .currency{
  font-size: 25px;
  line-height: 30px;
  vertical-align: top;
}

.tarifs-gamme .pack .price.monthly .periodicity{
  font-size: 10px;
  margin-left: -1.5em;
}

.tarifs-gamme .pack .price.yearly .amount{
  font-size: 18px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}

.tarifs-gamme .pack .price.yearly .amount .currency{
  font-size: 12px;
  vertical-align: top;
}

.tarifs-gamme .pack .price.yearly .periodicity{
  font-size: 12px;
}

.tarifs-gamme .pack .price.per-user{
  font-size: 12px;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
  margin-top: 5px;
}

.tarifs-gamme .pack hr{
  /* height: 1px; */
  border: 0;
  border-bottom: 1px solid #ABABAB;
  border-top: 1px solid #3E3E3E;
}

.tarifs-gamme .pack .description{
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
}

.tarifs-gamme .pack .description p,
.tarifs-gamme .needs-more p{
  margin: 0;
  padding: 0;
  font-size: 1em;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.tarifs-gamme .pack .description p.free-trial{
  margin-top: 1em;
  font-weight: bold;
}

.tarifs-gamme .pack .description .pack-accounts,
.tarifs-gamme .pack .description .pack-storage,
.tarifs-gamme .pack .description .pack-projects{
  font-weight: bold;
}

.tarifs-gamme .pack .order{
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0;
}

.tarifs-gamme a.btn-order{
  font-size: 15px;
  padding: 4px 14px 3px;
}

.tarifs-gamme .pack .order a.btn-order span,
.tarifs-gamme .needs-more a.btn-order span{
  padding-right: 40px;
  line-height: 25px;
  font-size: 16px;
  display: inline-block;
  padding-bottom: 5px;
  vertical-align: middle;
}
.tarifs-gamme .pack .order a.btn-order span{
  background: url(../images/order-pack-1.png) no-repeat scroll right 0 transparent;
}


.tarifs-gamme .pack + .pack .order a.btn-order span{
  background: url(../images/order-pack-2.png) no-repeat scroll right 0 transparent;
}

.tarifs-gamme .pack + .pack + .pack .order a.btn-order span{
  background: url(../images/order-pack-3.png) no-repeat scroll right 0 transparent;
}

.tarifs-gamme .pack + .pack + .pack + .pack .order a.btn-order span{
  background: url(../images/order-pack-4.png) no-repeat scroll right 0 transparent;
}

div.tarifs-gamme div.packs:after{
  clear:both;
  content:" ";
  display:block;
  height:0;
  overflow:hidden;
  visibility:hidden;
}

.tarifs-gamme .needs-more{
  position: relative;
  padding: 10px 20px 15px 35px;
  overflow: hidden;
}

.tarifs-gamme .needs-more .content{
  display: table;
  width: 100%;
}

.tarifs-gamme .needs-more .content .description,
.tarifs-gamme .needs-more .content .contact{
  display: table-cell;
}

.tarifs-gamme .needs-more .content .contact{
  vertical-align: bottom;
  text-align: right;
}

.tarifs-gamme .needs-more h3{
  font-size: 1.5em;
  margin: 0 0 0.5em 0;
}


.tarifs-gamme .needs-more p{
  overflow: hidden;
}

.tarifs-gamme .needs-more a.btn-order span{
  background: url(../images/order-pack-other.png) no-repeat scroll right 0 transparent;
}


.tarifs-gamme .needs-more .color{
  background-color: #dcbf22;
  background-image: linear-gradient(to bottom, #fce94f, #c4a000);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fce94f', endColorstr='#c4a000', GradientType=0);
  width: 20px;
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px 0 0 10px;
}


div.more-info-box{
  font-size: 14px;
}

/* Newsletter */

.newsletter-form{
  position: relative;
  display: inline;
}

.newsletter-form .popup{
  position: absolute;
  left: -130px;
  background-color: transparent;
  padding-top: 15px;
  z-index: 1000;
  font-size: 12px;
}

.newsletter-form .popup p{
  margin: 0;
}

.newsletter-form .popup > .wrapper{
  border: 2px solid #597DAB;
  background-color: white;
  padding: 20px 20px 20px 20px;
}

.newsletter-form form{
  margin: -36px 0 0 0;
  padding-top: 30px;
  background: url(../images/newsletter-pin.png) no-repeat scroll center 0 transparent;
  width: 240px;
}

.newsletter-form input[name=email]{
  width: 210px;
}

/* quotations */

div.quotations{
  margin: 2em 0;
  padding-bottom: 10px;
  font-size: 13pt;
  border-top: 1px solid #F5F5F5;
}

div.quotations div.slides {
  width: 840px;
  height: 100px;
}

div.quotations div.slides div.slide{
  width: 840px;
  height: 100px;
}

div.quotations div.slide > div.wrapper{
  padding: 0 80px 0 80px;
}

div.quotations div.slide div.content{
  position: relative;
  text-align: right;
  font-size: 1.25em;
  line-height: 1.2em;
}

div.quotations div.slide div.author{
  text-align: right;
  color: gray;
  font-size: 0.8em;
}

div.quotations div.slide div.content span.quote {
  font-size: 2em;
  color: #AAAAAA;
  font-family:"Montserrat",sans-serif;
  /* font-family:Georgia,Times,serif; */
}

/* references matrix */

/* div.references-matrix table{ */
/*   width: 100%; */
/*   table-layout: fixed; */
/*   border-spacing: 40px 0; */
/* } */

/* div.references-matrix td{ */
/*   padding: 0; */
/*   vertical-align: top; */
/*   with: 100%; */
/* } */

div.references-matrix {
  width: 100%;
  display: flex;
  align-items: stretch;
  align-content: flex-start;
  flex-wrap: wrap;
  max-width: 100%;
}

div.references-matrix .reference {
  display: block;
  width: 220px;
  height: 300px;
  margin: auto;
}


div.references-matrix div.reference  div.logo{
  height: 150px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}

div.references-matrix div.reference div.logo a{
  border: 0;
  margin: 0;
  padding: 0;
}

div.references-matrix div.reference  div.logo img{
  /* position: absolute; */
  /* bottom: 10px; */
  /* top: 10px; */
  /* margin-top: auto; */
  /* margin-bottom: auto; */
}

div.references-matrix div.reference div.description h2{
  font-size: 16px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  border: 0;
}

div.references-matrix div.reference  div.description h2 a,
div.references-matrix div.reference  div.description h2 a:visited,
div.references-matrix div.reference  div.description h2 a:active,
div.references-matrix div.reference  div.description h2 a:hover{
  color: black;
  text-decoration: none;
  border: 0;
}

div.references-matrix div.reference div.description p{
  font-size: 12px;
  line-height: 18px;
}

/* references banner */

div.references-banner{
  margin: 1em 30px;
  text-align: center;
  line-height: 70px;
}

div.references-banner img{
  vertical-align: middle;
  margin: 0 2px;
}

div.references-banner a,
div.references-banner a:active,
div.references-banner a:visited,
div.references-banner a:hover{
  border: 0;
  text-decoration: none;
}

/* contact form */

fieldset.contact{
  margin: 0 auto;
  border: 1px solid #6E8B3D;
  max-width: 700px;
  width: 100%;
}

fieldset.contact > .wrapper{
  margin: 20px;
  width: 100%;
}

fieldset.contact legend{
  margin-left: 10px;
}

fieldset.contact .row{
  /* overflow: hidden; */
}

fieldset.contact .column{
  /* float: left; */
}

fieldset.contact .column + .column{
  /* margin-left: 20px; */
}

fieldset.contact .column input[id="contact-name"]{
  width: 250px;
}

fieldset.contact .column input[id="contact-email"]{
  width: 250px;
}

fieldset.contact .column input[id="contact-phone"]{
  width: 250px;
}

fieldset.contact .column + .column{
  /* margin-left: 20px; */
}

fieldset.contact div.fail label {
  font-weight: bold;
  color: #F57900;
}
fieldset.contact div.fail input {
  border: 2px solid #F57900;
}

fieldset.contact textarea{
  width: 90%;
  max-width: 90%;
}

fieldset.contact input[type=text],
fieldset.contact textarea{
  display: block;
}

fieldset.contact input[type=submit]{
  font-size: 1.2em;
  padding: 4px 6px;
}

/* features */

.themes-table table{
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0;
  box-shadow:-2px 2px 3px rgba(0,0,0,0.2);
  border-radius: 10px;
}

.themes-table table td{
  width: 50%;
  padding: 0;
}

.themes-table table td a.to-feature-theme{
  display: block;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 0;
  line-height: 30px;
  padding: 10px 6px 10px 15px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.themes-table table tr td a.to-feature-theme:hover{
  padding: 15px 9px 15px 20px;
  z-index: 5;
  border-color: #b5cae6;
}


.themes-table table td a.to-feature-theme .icon{
  display: block;
  float: left;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-right: 5px;
}

.themes-table table td a.to-feature-theme .icon img{
  vertical-align: middle;
  display: inline;
}

.themes-table table td a.to-feature-theme .label,
.themes-table table td a.to-feature-theme .intro{
  margin: 0;
}

.themes-table table td a.to-feature-theme .label{
  font-size: 18px;
}

.themes-table table td a.to-feature-theme .intro{
  font-weight: normal;
  /* font-size: 12px; */
}

.themes-table h2{
  color: #3B6BA9;
}

.themes-table h2,
.advantages-table h2{
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 34px;
  border: 0;
  margin-bottom: 0.4em;
}

.screenshots-link{
  margin-top: 40px;
}

.screenshots-link a.btn.screenshots{
  display: block;
  text-align: center;
}

.screenshots-link a.btn.screenshots span{
  line-height: 40px;
}

.advantages-table{
  margin-top: 40px;
  color: #555555;
}

.advantages-table h2{
  color: #555555;
}

.advantages-table table{
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  padding: 0;
}

.advantages-table table td{
  width: 50%;
  padding: 0;
  vertical-align: top;
  padding: 0 15px 30px 0;
}

.advantages-table table td + td{
  padding: 0 0 30px 15px;
}

.advantages-table table td .icon{
  display: block;
  float: left;
  width: 80px;
  height: 100px;
  line-height: 80px;
  margin-right: 10px;
}

.advantages-table table td .icon img{
  vertical-align: middle;
}

.advantages-table table td .title{
  font-weight: bold;
  margin-right: 1ex;
}

.feature-theme{
  position: relative;
  margin: 0 -20px;
}

.feature-theme .theme{
  margin: 20px 0 0 220px;
}

.feature-theme nav{
  width: 200px;
  position: absolute;
  left: 0;
  margin: 0 20px 0 0;
}

.feature-theme nav.fixed{
  position: fixed;
  top: 35px;
  margin: 0;
  float: none;
  left: auto;
  /* IE 7 */
  *position: absolute;
  *left: 0;
  *top: auto;
}

.feature-theme nav ul{
  border-radius: 10px;
  box-shadow:-2px 2px 3px rgba(0,0,0,0.2);
  margin: 0 0 20px 0;
  padding: 0;
}

.feature-theme nav li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.feature-theme nav li a{
  border-radius: 0;
  border-bottom-width: 0;
}

.feature-theme nav li:first-child a{
  border-radius: 10px 10px 0 0;
}

.feature-theme nav li:last-child a{
  border-radius: 0 0 10px 10px;
  border-bottom-width: 1px;
}

a.to-feature-theme{
  display: block;
  overflow: hidden;
  padding: 4px 6px 4px 6px;
  color: #3B6BA9;
  font-weight: bold;
  cursor: pointer;
  margin: 0;
  text-decoration: none;
  position: relative;
  background-color: #f2f6fa;
  border: 1px solid #b5cae6;
  border-radius: 10px;
  line-height: 32px;
}

a.to-feature-theme:hover,
a.to-feature-theme:active {
  background-color: #f3f7fa;
  text-decoration: none;
}

a.to-feature-theme:hover{
  position: relative;
  margin: -5px;
  padding: 9px 11px 9px 11px;
  z-index: 5;

  box-shadow:2px 2px 3px rgba(0,0,0,0.4);

  background-image: linear-gradient(to bottom, #ffffff, #f2f6fa);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f6fa', GradientType=0);
  background-color: #f9fbfd;

  transition: padding 0.05s ease,margin 0.05s ease;
}

a.to-feature-theme span.icon{
  display: inline-block;
  width: 40px;
  vertical-align: middle;
}

a.to-feature-theme span.icon img{
  display: block;
}

a.to-feature-theme span.label{
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  margin-right: 18px;
}

.feature-theme nav li a.active span.label:after{
  color: #F57900;
  content: "‣";
  display: block;
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  right: 2px;
  top: 50%;
}

.feature-theme nav li a.active:hover span.label:after{
  right: 7px;
  transition: right 0.05s ease;

}

.feature-theme .theme .header{
  margin-bottom: 2em;
  overflow: hidden;
}

.feature-theme .theme .header .image{
  width: 170px;
  float: left;
}

.feature-theme .theme .header .description{
  float: left;
  overflow: hidden;
}

.feature-theme .theme .header h1{
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 2.2em;
  line-height: 1em;
  /* font-weight: bold; */
  font-family:"Verdana",sans-serif;
  /* font-family:Georgia,Times,serif; */
}

.feature-theme .theme .header p{
  font-size: 1.2em;
  color: #3C3C3C;
  margin: 1em 0 0 0;
  text-align: justify;
}

.feature-theme .theme .bottom p{
  float: left;
  overflow: hidden;
  color: #3C3C3C;
  margin-top: 2em;
  padding-top: 1em;
  border-top: 1px solid #DDDDDD;
  text-align: justify;
}

.feature-theme .theme .feature{
  margin: 0 0 2em 0;
  display: table;
  width: 100%;
  width: 660px;

}

.feature-theme .theme .feature > .wrapper{
  display: table-row;
  *display: block;
}

.feature-theme .theme .feature h3{
  font-family:"Montserrat",sans-serif;
  border: 0;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-size: 1.5em;
  font-weight: bold;
}

.feature-theme .theme .feature p{
  margin: 0.5em 0 0 0;
}

.feature-theme .theme .feature .image{
  display: table-cell;
  width: 40%;
  vertical-align: middle;
  text-align: center;
  *zoom: 1;
  *display: inline;
}

.feature-theme .theme .feature .description{
  display: table-cell;
  width: 60%;
  *zoom: 1;
  *display: inline;
  vertical-align: middle;
}

/* cloud and features */

.cloud-and-features{
}

.cloud-and-features .cloud{
}

.cloud-and-features .cloud a,
.cloud-and-features .cloud a:visited,
.cloud-and-features .cloud a:active,
.cloud-and-features .cloud a:hover{
  border: 0;
}


.cloud-and-features .features a,
.cloud-and-features .features a:visited,
.cloud-and-features .features a:active,
.cloud-and-features .features a:hover{
  border: 0 none;
  color: #3B6BA9;
  display: block;
  font-size: 1.4em;
  line-height: 1.6em;
  text-align: center;
}

.cloud-and-features .features .learn-more a,
.cloud-and-features .features .learn-more a:visited,
.cloud-and-features .features .learn-more a:active,
.cloud-and-features .features .learn-more a:hover{
  font-size: 1.4em;
  color: #80be43;
  margin-top: 30px;
  border-bottom: 1px solid #80be43;
}

/* colorbox */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;background: black}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxTopLeft, #cboxTopRight,
#cboxBottomLeft, #cboxBottomRight{width:10px; height:10px; background-color: white;}
#cboxMiddleLeft{width:10px; background-color: white;}
#cboxMiddleRight{width:10px; background-color: white;}
#cboxTopCenter{height:10px; background-color: white;}
#cboxBottomCenter{height:10px; background-color: white;}

#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

.hide{ display: none; }

.fade {
  transition: opacity 0.15s linear;
  opacity: 0;
}
.fade.in {
  opacity: 1;
}
.collapse {
  transition: height 0.35s ease;
  position: relative;
  overflow: hidden;
  height: 0;
}
.collapse.in {
  height: auto;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop, .modal-backdrop.fade.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  max-height: 500px;
  overflow: auto;
  width: 560px;
  margin: -250px 0 0 -280px;
  background-color: #ffffff;
  border-radius: 6px;
  background-clip: padding-box;
}
.modal.fade {
  transition: opacity .3s linear, top .3s ease-out;
  top: -25%;
}
.modal.fade.in {
  top: 50%;
}
.carousel {
  position: relative;
  margin-bottom: 18px;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel .item {
  display: none;
  position: relative;
  -webkit-transition: 0.2s ease-in-out left;
  transition: 0.2s ease-in-out left;
}
.carousel .item > img {
  display: block;
  line-height: 1;
}
.carousel .active, .carousel .next, .carousel .prev {
  display: block;
}
.carousel .active {
  left: 0;
}
.carousel .next, .carousel .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel .next {
  left: 101%;
}
.carousel .prev {
  left: -101%;
}
.carousel .next.left, .carousel .prev.right {
  left: 0;
}
.carousel .active.left {
  left: -101%;
}
.carousel .active.right {
  left: 101%;
}

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 15px 5px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
}

#screenshots-carousel{
  margin: 0;
  background: #333333;
}

#screenshots-carousel .item > img{
  width: 100%;
}

#screenshots-carousel .carousel-caption {
  text-align: left;
  /* padding: 10px 20px 0 20px; */
  padding: 0;
  width: 100%;
  display: table;
}

#screenshots-carousel .carousel-caption .description{
  padding: 10px 0 0 20px;
  display: table-cell;
  width: 70%;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
}

#screenshots-carousel .carousel-caption .more-info{
  display: table-cell;
  width: 30%;
  vertical-align: top;
  *zoom: 1;
  *display: inline;
  text-align: right;
  padding: 20px 20px 0 0;
}

#screenshots-carousel .carousel-caption .more-info a{
  display: inline-block;
}

#screenshots-carousel .carousel-caption h4{
  margin-bottom: 0.5em;
  color: gold;
}

#screenshots-carousel .carousel-caption p{
  margin-bottom: 1em;
}

.carousel-control.last[data-slide="next"],
.carousel-control.first[data-slide="prev"]{
  display: none;
}

.carousel-control,
.carousel-control span{
  display: block;
}

#screenshots-carousel .carousel-control{
  position: absolute;
  color: white;
  top: auto;
  bottom: 50%;
  font-size: 40px;
  margin: 0;
  width: auto;
  padding: 0;
  height: auto;
  text-decoration: none;
  left: 0;
  border: 2px solid #FFFFFF;
  border-left-width: 0;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  border-radius: 0 5px 5px 0;
}

#screenshots-carousel .carousel-control span{
  padding: 20px 10px;
  height: 40px;
  vertical-align: middle;
  line-height: 40px;
  margin-top: -10px;
}

#screenshots-carousel .carousel-control.right {
  left: auto;
  right: 0;
  border-left-width: 2px;
  border-right-width: 0;
  border-radius: 5px 0 0 5px;
}

/* Documentation */
.documentation-page{
  position: relative;
  margin: 0 -10px;
  min-height: 600px;
}

.documentation-page .documentation-content{
  margin: 20px 0 0 170px;
}

.documentation-page .documentation-content img{
  width:100%;
  max-width:680px;
}

.documentation-page nav{
  width: 160px;
  position: absolute;
  /* margin: 0 20px 0 0; */
  margin: 0;
  font-size: 0.9em;
}

.documentation-page nav.fixed{
  position: fixed;
  top: 30px;
  margin: 0;
  float: none;
  left: auto;
  /* IE 7 */
  *position: absolute;
  *left: 0;
  *top: auto;
}


.documentation-page nav h1{
  font-size: 1.1em;
  font-weight: bold;
  font-family:"Verdana",sans-serif;
  /* font-family: Verdana,sans-serif; */
  border-bottom: none;
}

.documentation-page nav h1 a{
  border-bottom-width: 0;
}

.documentation-page nav h2{
  font-size: 1.1em;
  font-weight: normal;
  font-family:"Verdana",sans-serif;
  /* font-family: Verdana,sans-serif; */
  margin: 1em 0 0.5em 0;
  border-bottom: none;
}

.documentation-page nav ul{
  margin: 0;
  padding: 0;
}

.documentation-page nav p{
  margin: 0 0 1em 0;
}

.documentation-page nav ul ul{
  margin-left: 10px;
}

.documentation-page nav li{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.documentation-page nav li a{
  border-bottom-width: 0;
}


.documentation-page nav a.current-doc-page::after,
.documentation-page nav a:hover::after{
  content: " »";
  font-weight: bold;
}

.documentation-page .documentation-content h1 {
  font-size: 2.2em;
  text-align: left;
  line-height: normal;
  padding: 0.2em 0 0.2em 0; 
  margin: 0 0 1em 0;
  border-bottom: 2px solid #3b6ba9;
}

.documentation-page .documentation-content h2 {
  font-size: 1.8em;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.8em 0;
  border-bottom: 1px solid #B5CAE6;
}

.documentation-page .documentation-content h3 {
  font-size: 1.4em;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.5em 0;
  border-bottom: none;
  border-bottom: 1px solid #DDDDDD;
}

.documentation-page .documentation-content h4 {
  font-size: 1.2em;
  font-weight: normal;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.4em 0;
  border-bottom: none;
}

.documentation-page .documentation-content p {
  margin: 0 0 1em 0;
}

.documentation-page .documentation-content ul {
  list-style-type: "\2192  ";
  margin: 0 0 1em 0;
}

.documentation-page .documentation-content pre {
  padding: 1em;
  margin: 1em 0;
  background-color: #F8F9FC;
  border: 1px dashed #597DAB;
  overflow: auto;
}


/* Blog */

.blog-page h1.blog-header {
  /* font-family:"Verdana",sans-serif; */
  font-family: Georgia,serif;
  text-align: center;
  font-size: 2em;
  line-height: 1.2em;
  margin-bottom: 1em;
  font-weight: normal;
}

.blog-page .blog-page-content h1 {
  font-size: 1.8em;
  text-align: left;
  line-height: normal;
  padding: 0.2em 0 0.2em 0; 
  margin: 1em 0 1em 0;
  border-bottom: 1px solid #3B6BA9;
}


.blog-page .blog-page-content h2 {
  font-size: 1.6em;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.8em 0;
  border-bottom: 1px solid #B5CAE6;
}

.blog-page .blog-page-content h3 {
  font-size: 1.4em;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.5em 0;
  border-bottom: none;
  border-bottom: 1px solid #DDDDDD;
}

.blog-page .blog-page-content h4 {
  font-size: 1.2em;
  font-weight: normal;
  line-height: normal;
  padding: 0 0 0.2em 0; 
  margin: 1em 0 0.4em 0;
  border-bottom: none;
}


.blog-page .blog-page-content h1.blog-page-title {
  font-family:"Verdana",sans-serif;
  /* font-family: Georgia,sans-serif; */
  text-align: center;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0 0 1em 0;
  font-weight: normal;
  border-bottom: 2px solid #3B6BA9;
}

.blog-page-content {
  margin: 0 auto;
  max-width: 680px;
  border: 1px solid #DDDDDD;
  padding: 20px;
}

.blog-page-content blockquote {
  margin: 1em 1em;
  padding-left: 1em;
  border-left: 1px solid #3B6BA9;
}

.blog-page .blog-page-content p {
  margin: 0 0 1em 0;
}

.blog-page .blog-page-content ul {
  list-style-type: "\2192  ";
  margin: 0 0 1em 0;
}

.blog-page .blog-page-content pre {
  padding: 1em;
  margin: 1em 0;
  background-color: #F8F9FC;
  border: 1px dashed #597DAB;
  overflow: auto;
}



.blog-page-links {
  max-width: 620px;
  margin: 100px auto;
  border-left: 1px dashed #597DAB;
}

.blog-page-links h1.blog-page-links-header {
  font-family:"Verdana",sans-serif;
  /* font-family: Georgia,sans-serif; */
  font-size: 1.5em;
  line-height: 1em;
  margin: 0 0 0.5em 50px;
  font-weight: normal;
}



.blog-page-links ul {
  padding: 20px 0 0 20px;
}


.blog-page-links ul li {
  list-style-type: "\2192  ";
  margin: 0 0 0.5em 50px;
}

.blog-page-links ul li.hide-link {
  display: none;
}

.blog-page-links ul li span.blog-link-date {
  display: none;
  color:#666666;
  font-style:italic;
}

.blog-page-links ul li.show-all-links a {
  font-weight: bold;
}


/* DOC et Blog : images */
.blog-page .blog-page-content figure,
.documentation-page .documentation-content figure
{
  margin-top: 1em;
  margin-bottom: 2em;
  text-align: center;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}

.blog-page .blog-page-content figure img,
.documentation-page .documentation-content figure img {
  margin-top: 1em;
  box-shadow: 0 0 10px 5px #DDDDDD;
  max-width: 90%;
  cursor: zoom-in;
}

.blog-page .blog-page-content figure p.caption,
.documentation-page .documentation-content figure p.caption {
  color: #555555;
  text-align: center;
  width: 90%;
  margin-left: 5%;
}



/* /\* Couleurs pour le code source PRE *\/ */
/* table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode, table.sourceCode pre */
/*    { margin: 0; padding: 0; border: 0; vertical-align: baseline; border: none; } */
/* td.lineNumbers { border-right: 1px solid #AAAAAA; text-align: right; color: #AAAAAA; padding-right: 5px; padding-left: 5px; } */
/* td.sourceCode { padding-left: 5px; } */
/* pre.sourceCode { } */
/* pre.sourceCode span.kw { color: #007020; font-weight: bold; } */
/* pre.sourceCode span.dt { color: #902000; } */
/* pre.sourceCode span.dv { color: #40a070; } */
/* pre.sourceCode span.bn { color: #40a070; } */
/* pre.sourceCode span.fl { color: #40a070; } */
/* pre.sourceCode span.ch { color: #4070a0; } */
/* pre.sourceCode span.st { color: #4070a0; } */
/* pre.sourceCode span.co { color: #60a0b0; font-style: italic; } */
/* pre.sourceCode span.ot { color: #007020; } */
/* pre.sourceCode span.al { color: red; font-weight: bold; } */
/* pre.sourceCode span.fu { color: #06287e; } */
/* pre.sourceCode span.re { } */
/* pre.sourceCode span.er { color: red; font-weight: bold; } */




/* Carousel */


.carousel-control{
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.carousel-control:hover {
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-control span.close-label{
  display: none;
  font-weight: bold;
}

.modal.screenshots .carousel-control.last[data-slide="next"]{
  display: inherit;
}

.modal.screenshots .carousel-control.last[data-slide="next"] span.next-label{
  display: none;
}

.modal.screenshots .carousel-control.last[data-slide="next"] span.close-label{
  display: inherit;
}

.modal.screenshots{
  max-height: none;
  max-width: none;
  left: 50%;
  margin: 0;
  overflow: hidden;
  width:966px;
  height:736px;
  border: 8px solid #FFFFFF;
}

/* Bootstrap buttons */

.btn {
  display: inline-block;
  padding: 4px 10px 4px;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  background-color: #f5f5f5;
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  *margin-left: .3em;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  background-color: #e6e6e6;
}
.btn:active, .btn.active {
  background-color: #cccccc;
}
.btn:first-child {
  *margin-left: 0;
}
.btn:hover {
  color: #333333;
  text-decoration: none;
  background-color: #e6e6e6;
  background-position: 0 -15px;
  transition: background-position 0.1s linear;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.active, .btn:active {
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.1);
  background-color: #e6e6e6;
  background-color: #d9d9d9;
  outline: 0;
}
.btn-large {
  padding: 9px 14px;
  font-size: 15px;
  line-height: normal;
  border-radius: 5px;
}

.btn.screenshots{
  margin: 5px 0;
}

.btn.screenshots span{
  padding: 0 0 0 50px;
  background-image: url(../images/slide.png);
  background-position: 0px center;
  background-repeat: no-repeat;
  display: inline-block;
  line-height: 20px;
  font-size: 16px;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
}

.btn-success,
.btn-success:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
}

.btn-success {
  background-color: #5bb75b;
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #51a351;
}
.btn-success:active, .btn-success.active {
  background-color: #408140;
}

.btn-order {
  background-color: #d1d1cc;
  background-image: linear-gradient(to bottom, #ffffff, #97978b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#97978b', GradientType=0);
  border-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: black;
  border: 0;
}
.btn-order:hover,
.btn-order:active,
.btn-order.active,
.btn-order.disabled,
.btn-order[disabled] {
  background-color: #D0D0D0;
  background-position: 0;
  background-image: none;
  color: black;
}
.btn-order:active, .btn-order.active {
  background-color: #d1d1cc;
}



/**************/
/* RESPONSIVE */
/**************/