/*
 Custom styles
*/
@font-face {
  font-family: 'bebas_neueregular';
  src: url("https://www.artelys.com/bootstrap/fonts/BebasNeue-webfont.eot");
  src: url("https://www.artelys.com/bootstrap/fonts/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"), url("https://www.artelys.com/bootstrap/fonts/BebasNeue-webfont.woff") format("woff"), url("https://www.artelys.com/bootstrap/fonts/BebasNeue-webfont.ttf") format("truetype"), url("https://www.artelys.com/bootstrap/fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
  font-weight: normal;
  font-style: normal; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'bebas_neueregular';
  color: #111; }

#contentarea {
  margin-top: 60px; }

.breadcrumb {
  margin: 0 0 16px 0; }

img {
  max-width: 100%; }

.jumbotron h1 {
  font-size: 52px; }

.news-teaser:nth-child(odd) {
  clear: left; }

.footer {
  text-align: center;
  padding: 20px 0;
  margin-top: 40px;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5; }

.carousel-control {
  z-index: 100; }

/* Gallery Carousel */
#galleryCarousel {
  margin-top: 0;
  margin-bottom: 0; }
  #galleryCarousel .item {
    background-color: #FFF; }
  #galleryCarousel .carousel-control {
    color: #FFF;
    opacity: 1;
    top: -30%;
    filter: alpha(opacity=100);
    background: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    font-size: 2em; }

/* Listit Carousel */
#listitCarousel {
  margin-top: 0;
  margin-bottom: 10px; }
  #listitCarousel .item {
    background-color: #FFF;
    height: 110px;
    margin-top: 0;
    padding: 0; }
  #listitCarousel .carousel-control {
    top: 110px;
    left: auto;
    width: auto;
    color: #CCC;
    text-align: center;
    background: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
    #listitCarousel .carousel-control.left {
      right: 9%; }
    #listitCarousel .carousel-control.right {
      right: 10px; }

/* News Carousel */
#newsCarousel {
  /* Since positioning the image, we need to help out the caption */
  /* Declare heights because of positioning of img element */ }
  #newsCarousel.carousel {
    background-color: #007ba1;
    margin-bottom: 0px;
    margin-top: 50px; }
    #newsCarousel.carousel .carousel-control {
      background: none;
      width: 3%; }
    #newsCarousel.carousel .carousel-inner .item {
      height: auto;
      background-color: transparent; }
      #newsCarousel.carousel .carousel-inner .item img {
        position: static; }
      #newsCarousel.carousel .carousel-inner .item .carousel-title a:link, #newsCarousel.carousel .carousel-inner .item .carousel-title a:visited, #newsCarousel.carousel .carousel-inner .item .carousel-title a:hover {
        color: #FFF; }
  #newsCarousel .carousel-caption {
    position: static;
    margin-top: 0;
    background: none;
    text-align: left;
    color: #FFF;
    padding: 0 0 0 2%; }
  #newsCarousel .carousel-title a a:hover {
    text-decoration: none; }
  #newsCarousel .carousel-indicators {
    bottom: -35px; }
    #newsCarousel .carousel-indicators li {
      border-color: #007ba1;
      width: 14px;
      height: 14px; }
      #newsCarousel .carousel-indicators li:hover, #newsCarousel .carousel-indicators li.active {
        background-color: #007ba1; }

/* imgs and floats on News detail template*/
#newsbody .thumbnail.pull-right {
  margin-left: 1em; }
#newsbody .thumbnail.col-xs-12.pull-right {
  margin-left: none; }

.page-header {
  margin-top: 20px; }

#sidebarright {
  clear: right; }

.last {
  border-bottom: none;
  margin-bottom: 0; }

#footer-nav li {
  border-right: 1px solid #CCC; }
  #footer-nav li:last-child {
    border-right: none; }

/*
 * Bootstrap Image Gallery CSS 2.5.3
 * https://github.com/blueimp/Bootstrap-Image-Gallery
 *
 * Copyright 2011, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.modal-gallery {
  width: auto;
  max-height: none;
  outline: none; }
  .modal-gallery.fade.in {
    top: 50%; }
  .modal-gallery .modal-body {
    max-height: none; }
  .modal-gallery .modal-title {
    display: inline-block;
    max-height: 54px;
    overflow: hidden; }
  .modal-gallery .modal-image {
    position: relative;
    margin: auto;
    min-width: 128px;
    min-height: 128px;
    overflow: hidden;
    cursor: pointer; }
    .modal-gallery .modal-image:hover:before, .modal-gallery .modal-image:hover:after {
      content: '\2039';
      position: absolute;
      top: 50%;
      left: 15px;
      width: 40px;
      height: 40px;
      margin-top: -20px;
      font-size: 60px;
      font-weight: 100;
      line-height: 30px;
      color: #ffffff;
      text-align: center;
      background: #222222;
      border: 3px solid #ffffff;
      -webkit-border-radius: 23px;
      -moz-border-radius: 23px;
      border-radius: 23px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      z-index: 1; }

.modal-gallery .modal-image:hover:after {
  content: '\203A';
  left: auto;
  right: 15px; }

.modal-single .modal-image:hover:before,
.modal-single .modal-image:hover:after {
  display: none; }

.modal-loading .modal-image {
  background: url(/uploads/theme/loading.gif) center no-repeat; }

.modal-gallery.fade .modal-image {
  -webkit-transition: width 0.15s ease, height 0.15s ease;
  -moz-transition: width 0.15s ease, height 0.15s ease;
  -ms-transition: width 0.15s ease, height 0.15s ease;
  -o-transition: width 0.15s ease, height 0.15s ease;
  transition: width 0.15s ease, height 0.15s ease; }

.modal-gallery .modal-image * {
  position: absolute;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0); }

.modal-gallery.fade .modal-image * {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  transition: opacity 0.5s linear; }

.modal-gallery .modal-image *.in {
  opacity: 1;
  filter: alpha(opacity=100); }

.modal-fullscreen {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent;
  overflow: hidden; }

.modal-fullscreen.modal-loading {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.modal-fullscreen .modal-body {
  padding: 0; }

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0;
  z-index: 2000; }

.modal-fullscreen .modal-footer {
  top: auto;
  bottom: 0; }

.modal-fullscreen .close,
.modal-fullscreen .modal-title {
  color: #fff;
  text-shadow: 0 0 2px rgba(33, 33, 33, 0.8); }

.modal-fullscreen .modal-header:hover,
.modal-fullscreen .modal-footer:hover {
  opacity: 1; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px; }

.dropdown-submenu:hover > .dropdown-menu {
  display: block; }

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px; }

.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff; }

.dropdown-submenu.pull-left {
  float: none; }

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px; }

.max-margin-bottom {
  margin-bottom: 1em; }

@media (max-width: 767px) {
  .modal-gallery .btn span {
    display: none; }

  .modal-fullscreen {
    right: 0;
    left: 0; } }

.google-maps {
        position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
.google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}

/* Stylesheet: theme // bootstrap-custom Modified On 2015-03-04 17:33:54 */
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html,body,#global-wrapper,#page-wrapper {
    height:99.2%;
}

body > #global-wrapper {
    height:auto;
    min-height:92%;
}

div,p,ul,li,input,select {
    font:12px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif
}

h1,h2,h3,h4,h5,h6 {
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz"
}


a:link,a:visited {
    color:#ff3d00;
    text-decoration:none
}

a:hover {
    text-decoration:underline
}

a:active {
    color:#cb3100;
    text-decoration:underline
}

.center {
    text-align:center
}

.hide-text {
    text-indent:-9999em;
    color:transparent
}

body {
    padding-bottom:40px;
    color:#5a5a5a
}

body:not(.mceContentBody) {
    background-color:#fff;
    background-image:url(../../images/global/body_gradient.gif);
    background-repeat:repeat-x;
    background-position:center top
}

#page-wrapper {
    max-width:1180px;
    position:relative;
    margin-right:auto;
    margin-left:auto
}

.container:not(#myCarousel) {
    max-width:1003px;
    position:relative;
    margin-right:auto;
    margin-left:auto
}

.clear-float {
    clear:both;
    width:100%;
}


.titleGreyBackground{
   background: #ededed; 
   width: 100%;
   margin:20px 0 20px 0;
}

/******************************************************************************************/
/****************************************BOUTON, INPUT, ERREUR, SCROLL********************************************/
/******************************************************************************************/
.asterisk {
    color:red;
    font-weight:700
}

button[type="submit"] {
    background-color:transparent;
    background-position:center top;
    background-repeat:no-repeat;
    border-style:none;
    border-width:0;
    color:#617179;
    font-size:9px;
    height:30px;
    line-height:30px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:130px
}

#oldversions,
a.action-button, button.action-button{
    background-image:url(../../images/global/submit_button_orange.png);
    color:#fff
}

.scroll-top-wrapper {
    position:fixed;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    text-align:center;
    z-index:99999999;
    background-color:#777;
    color:#eee;
    width:50px;
    height:48px;
    line-height:48px;
    right:30px;
    bottom:30px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    border-bottom-left-radius:10px;
    -webkit-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -ms-transition:all .5s ease-in-out;
    -o-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out
}

button[type="submit"]:hover {
    background-position:center center
}

#oldversions {
    font-size:9px;
    font-weight:700;
    line-height:30px;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    width:130px;
    height:30px;
    margin-right:auto;
    display:block;
}


#oldversions:active {
    position:relative;
    top:1px;
    left:1px
}

.toggle_container:active {
    position:relative;
    //top:1px;
    //left:1px;
}

.toggle_container:visited {
    position:relative;
    //top:1px;
    //left:1px
}

.panel{

}

.panel_open{
}

#envoyer {
    margin-top:5px;
    float:right
}

.scroll-top-wrapper:hover {
    background-color:#888
}

.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity:1
}

.scroll-top-wrapper .fa {
    line-height:inherit
}

.fancybox img {
    border:1px solid #617179;
    cursor:url(magnifier.cur),pointer;
    margin-right:15px
}

#main-content blockquote{
border-left: 0px solid #fff;
}
#main-content blockquote p {
	display: block;
	border-top-width: 1px;
	border-top-color: #1f3e6c;
	height: auto;
	padding: 10px;
	font-size: 12px;
	background-color: #e8edf1;
	margin: 20px auto 20px auto;
}
.block p {
	display: block;
	border-top-width: 1px;
	border-top-color: #1f3e6c;
	height: auto;
	padding: 10px;
	font-size: 14px;
	background-color: #e8edf1;
	margin: 20px auto 20px auto;
border-left: 4px solid #FF3D00;
}
blockquote p:before {
	content: url(../../images/global/open_quotes.gif);
}

blockquote p:after {
	content: url(../../images/global/close_quotes.gif);
}

.action-button,.button {
    background:none no-repeat scroll center top transparent;
    display:block;
    font-size:10px;
    font-weight:700;
    height:30px;
    line-height:30px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:130px
}

#download {
    background:url(../../images/products/start_download_button.jpg) no-repeat scroll center center rgba(0,0,0,0);
    color:#fff;
    display:block;
    font-size:12px;
    height:70px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    text-shadow:-1px -1px 0 #be3a01;
    width:200px
}

#download:disabled {
    background:url(../../images/products/start_download_button.jpg) no-repeat scroll center center rgba(0,0,0,0);
    background-position:center top;
    left:0;
    position:relative;
    text-shadow:-1px -1px 0 #8e979c;
    top:0
}
#generatekey, #askkey{
margin-left:53%;
}

label.error {
    color:#b94a48;
    float:none;
    padding-left:.5em;
    vertical-align:top;
}

span.error {
    color:#b94a48;
    vertical-align:top;
    float:none
}

.form-control.error {
    border-color:#b94a48;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #ce8483;
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #ce8483;
    box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #ce8483;
    transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0
}

.form-control.valid {
    border-color:#468847;
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #67b168;
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #67b168;
    box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 6px #67b168;
    transition:border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0
}

.form-group {
    left:20px;
    margin-bottom:15px;

}
#account-creation .formulaire .form-control{
 width:250px;
}
#account-creation #cntnt01submit{
margin-left:14em;
}

input[type="submit"] {
    background-color:transparent;
    background-image:url(../../images/global/submit_button_white.png);
    background-position:center top;
    background-repeat:no-repeat;
    border-style:none;
    border-width:0;
    color:#617179;
    font-size:9px;
    height:30px;
    line-height:30px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:130px
}

#main-content input[type="checkbox"] {
    line-height:normal;
    margin:-3px 0 0
}

#carriere {
    background:url(../../images/global/announcement_container.gif) repeat-x scroll 0 0 #0075c8;
    height:150px;
    margin:63px auto 10px 0;
    width:190px
}

#carriere p:first-child {
    font:400 18px/31px "Yanone Kaffeesatz";
    text-transform:uppercase
}

#carriere p {
    padding-top:59px;
    text-align:center;
}

#carriere a {
    color:#fff;
    padding-bottom:60px;
    padding-top:60px;
    text-decoration:none
}

#carriere:hover,#carriere:focus,#carriere:active {
    box-shadow:2px 2px 2px rgba(0,0,0,0.6)
}




#blink {
    font-weight:700;
    padding:3px
}

.backgroundYellow {
    background:#ff0;
    padding:3px
}

.backgroundWhite {
    background:transparent
}

.return-link {
    margin-top:30px;
    margin-left:3px
}

.return-link a {
    color:#fff;
    background-color:#ff3d00;
    padding:8px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px
}

video{
width:100%;
height: 100%;

}
ul.puces{
color: #5a5a5a;
margin-left: 15px;
padding-bottom:15px;
line-height:1.5;
}
ul.puces li:before{
content: "• ";
}
ul.sous-puces{
color: #5a5a5a;
line-height:2;
}
ul.sous-puces li:before{
content: "- ";
}
ul.sous-puces{
color: #5a5a5a;
line-height:2;
}
span.fleche{
background-image: url(../../images/global/arrow-right.png);
background-repeat: no-repeat;
}



/**********Formulaire généralité*********/
/******************************************************************************************/
/****************************************ESPACE CLIENT********************************************/
/******************************************************************************************/
/***************************************page se connecter*/
#main-content #seconnecter {
    margin-top:127px
}

#seconnecter {
    display:block;
    line-height:30px;
    margin-left:auto;
    margin-right:auto;
    width:205px
}

#seconnecter input {
    margin-bottom:10px
}

/***************************************page login*/
#customer-panel {
    background-image:url(../../images/extranet/panel_background.gif);
    background-position:center bottom;
    background-repeat:repeat-x;
    display:none;
    height:155px;
    margin-left:auto;
    margin-right:auto;
    min-width:1036px;
    width:100%
}

#licence-request-wrapper #artelys_kalis_texte,#licence-request-wrapper #ampl_texte,#licence-request-wrapper #knitro_texte,#licence-request-wrapper #xpress_texte,#licence-request-wrapper #champscache,#licence-request-wrapper #getsuperclient,#generatekey,#askkey,#licence-request-wrapper artelys_kalis_machineid,#licence-request-wrapper knitro_ampl_machineid,#licence-request-wrapper #contentform {
    display:none
}

.panel-default > .panel-heading {
    background:url(../../css/images/ui-bg_glass_75_e6e6e6_1x400.png) repeat-x scroll 50% 50% #e6e6e6;
    border:1px solid #d3d3d3;
    color:#333
}

#imglogiciels img {
    border:1px solid #DDD;
    margin-left:10px
}

#description {
    font-size:16px;
    border-left:5px solid #ff3d00
}

#description a {
    color:#FF3D00
}

#loginform td {
    float:left;
    color:#617179
}

#loginform table {
    margin-left:65px;
    width:300px
}

#loginform span:not(.error) {
    color:#617179;
    left:11px;
    position:relative;
    text-decoration:underline
}

/**************SETTING***************/
#feu_changesettingsform .form-control {
    width:250px
}

#feu_changesettingsform button {
    background-color:#fff;
    background-image:url(../../images/global/submit_button_white.png);
    background-position:center top;
    background-repeat:no-repeat;
    border-style:none;
    border-width:0;
    color:#617179;
    font-size:10px;
    height:30px;
    line-height:30px;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    width:130px;
    margin-left:73px;
    margin-top:15px
}

#mdeda4moduleform_1 .row {
    line-height:30px
}

#cntnt01moduleform_2 {
    line-height:30px
}

#cntnt01moduleform_1 .formulaire,#mdeda4moduleform_1 .formulaire {
    line-height:30px
}

#cntnt01feu_submit {
    margin-left:22em;
    margin-top:20px
}

#cntnt01submit {
    margin-left:24em
}

#mdeda4feu_submit {
    margin-left:17em
}

#cntnt01moduleform_2 td {
    color:#617179
}

#envoyer-forgotpw {
    float:right;
    margin-right:9em
}

#customer-panel div {
    width:980px;
    margin-right:auto;
    margin-left:auto;
    padding-top:25px;
    background:url(../../images/extranet/extranet_logo.jpg) no-repeat left top;
    height:100%
}

#customer-panel div .customerPanel {
    font-size:35px;
    background-image:url(../../images/extranet/key_icon.gif);
    background-repeat:no-repeat;
    background-position:left 50%;
    padding-left:30px;
    display:block;
    margin-top:16px;
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz";
}

#customer-panel div p {
    float:left;
    padding-left:10px;
    display:block;
    position:relative;
    top:5px;
    border-color:#1f3e6c
}

#customer-panel #loginform {
    text-align:right;
    position:relative;
    top:-20px;
    width:250px;
    float:right;
    display:block
}

#customer-panel form input[type=text] {
    margin-bottom:5px
}

#main-content .contrataccepte {
    display:none
}

#cntnt01moduleform_2 {
    line-height:30px
}

#cntnt01moduleform_2 table {
    width:100%
}

#product1,#product2,#product3,#product4 {
    border-top:1px dashed #617179;
    padding-top:3em;
    height:260px;
}

/********************************************Page binaires*/
.scroll-wrapper,.scroll-wrapper {
    height:200px;
    width:100%
}

.scroll-wrapper {
    display:inline-block
}

#licence-agreement {
    background-color:#fff;
    background-image:none;
    border:1px solid #bbc5cb;
    margin:10px auto;
    padding:10px;
    width:100%
}

#main-content #licence-agreement h3 {
    text-align:left;
    margin-top:0
}

#main-content #accordeon h4 a {
    color:#1f3e6c;
    display:block;
    font-size:20px;
    font-weight:400;
    width:100%
}

#main-content #accordeon .row {
    margin-bottom:5px
}

/***************************FORMULAIRE OBTENIR UNE LICENCE*******/
#licence-request-wrapper {
    background-color:#e7ecef;
    border-radius:5px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    padding-right:10px;
    padding-top:1px;
    margin-top:20px
}

#main-content #licence-request-wrapper h1 {
    font-size:36px;
    font-weight:700;
    margin-top:.25em;
    text-align:center;
    text-transform:uppercase
}

/**************Clé de licence*********/
#licence-request-wrapper .checkmark:before {
    content:url("../../images/licence_request/checkmark.gif")
}

#frame {
    background-color:#fffbcc;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    padding-top:20px;
    text-align:center;
    width:100%
}

/******************************************************************************************/
/****************************************HEADER********************************************/
/******************************************************************************************/
.row-header {
    height:130px
}

#header {
    position:relative;
    z-index:25;
    margin-right:auto;
    margin-left:auto
}

/*customer button *******************************************************************/
#header #customer-button {
    color:#fff;
    font-size:10px;
    font-weight:700;
    line-height:20px;
    background-image:url(../../images/header/extranet_button.png);
    background-repeat:no-repeat;
    text-decoration:none;
    text-transform:uppercase;
    text-align:center;
    text-indent:15px;
    width:160px;
    height:20px;
    margin-left:auto;
    display:block;
    margin-right:-10px
}

#customer-button.show-panel {
    background-position:center top
}

#header #customer-button.hide-panel {
    background-position:center bottom
}

/*site language *******************************************************************/
#site-language {
    background-image:url(../../images/header/site_language.png);
    background-repeat:no-repeat;
    background-position:left bottom;
    display:block;
    width:146px;
    height:35px;
    margin-left:auto
}

#site-language.homepage {
    background-position:left top
}

#site-language li {
    font-weight:700;
    line-height:35px;
    display:block;
    height:35px;
    float:right;
    list-style-type:none;
    list-style-image:none
}

#site-language li a:link,#site-language li a:visited {
    color:#1f3e6c;
    font-size:10px;
    text-decoration:none
}

#site-language.homepage li a:link,#site-language.homepage li a:visited {
    color:#fff
}

#site-language.othergabarit li a:link,#site-language.othergabarit li a:visited {
    color:#1F3E6C
}

#site-language li a:hover,#site-language li a:active,#site-language.othergabarit li a:hover,#site-language.othergabarit li a:active {
    color:#ff3d00;
    text-decoration:none
}

#site-language.othergabarit li span.active {
    text-decoration:underline;
    color:#1F3E6C;
    font-size:10px;
    display:inline-block
}

#site-language li a:hover,#site-language li a:active,#site-language.homepage li a:hover,#site-language.homepage li a:active {
    color:#ff3d00;
    text-decoration:none
}

#site-language.homepage li span.active {
    color:#fff;
    font-size:10px;
    text-decoration:underline;
    display:inline-block
}

#site-language li span {
    padding:0 5px
}

/*NAV BAR *******************************************************************/
#mobile-langue {
    display:none
}

#espace-client-tablette {
    display:none
}

#navigation-items li.mobile-area {
    display:none
}

/*affichage de l'image du menu et position */
.navbar-wrapper {
    background-image:url(../../images/primary_navigation/navigation_bar.png);
    background-repeat:no-repeat;
    margin-top:60px;
    position:absolute;
    top:0;
    right:0;
    left:0;
    z-index:20
}

/*affichage de l'image du menu et position */
.navbar {
    background-color:transparent;
    border-color:transparent
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
    padding-right:0;
    padding-left:0
}

/* On place les liens à droite et centré */
#navigation-items {
    float:right;
    margin-top:-2px;
    margin-right:5px
}

#navigation-items .normal a {
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-decoration:none;
    width:100%;
    padding-right:8px
}

.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {
    background-color:transparent
}

/*****DROPDOWN MENU***/
#navigation-items .dropdown-menu {
    margin-top:-4px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    width:194px;
    border:1px solid rgba(0,0,0,0.15);
    box-shadow:0 6px 12px rgba(0,0,0,0.176)
}

.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus {
    outline:0 none;
    text-decoration:none
}

.dropdown-submenu > .dropdown-menu {
    border-radius:5px;
    left:100%;
    margin-left:-5px;
    margin-top:-6px;
    top:0
}

/* On met en blanc et en majuscule le premier niveau  */
.navbar-inverse .navbar-nav > li > a {
    color:#fff;
    text-transform:uppercase
}

/* On enlève les flèches*/
.caret {
    display:none
}

/* Couleur liens second niveau */
ul#navigation-items li ul li a {
    color:#617179;
    background-color:transparent
}

/* Hover des liens en orange*/
#navigation-items li a:hover {
    color:#ff3d00;
    background-color:transparent
}

/* Focus des liens en orange*/
#navigation-items li a:focus {
    color:#ff3d00;
    background-color:transparent
}

/* Lien transparent lors du clic (open)*/
#navigation-items > .open > a,#navigation-items > .open > a:hover,#navigation-items > .open > a:focus {
    background-color:transparent;
    color:#ff3d00
}

/* Hover des liens en orange*/
#navigation-items li a:hover {
    color:#ff3d00;
    background-color:transparent
}

#navigation-items ul li a:hover {
    background-image:url(../../images/primary_navigation/menu_item_arrow.gif);
    background-position:4% -12%;
    background-repeat:no-repeat
}

.dropdown-submenu > a:after {
    border-color:transparent transparent transparent #ccc;
    border-style:solid;
    border-width:5px 0 5px 5px;
    content:" ";
    display:block;
    float:right;
    height:0;
    margin-right:-5px;
    margin-top:5px;
    width:0
}

.dropdown-header {
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz";
    font-size:15px;
    font-weight:400;
    margin-left:-10px;
    text-transform:uppercase;
    letter-spacing:1px
}

/*Home Icon *******************************************************************/
a#accueil {
    display:block;
    float:left;
    height:40px;
    left:2px;
    overflow:hidden;
    position:relative;
    top:5px;
    width:130px
}

#home-icon {
    background-image:url(../../images/primary_navigation/artelys_monogramme.png);
    background-position:left 50%;
    background-repeat:no-repeat;
    bottom:-40px;
    display:block;
    height:86px;
    position:absolute;
    text-indent:-9999em;
    width:145px
}

/******************************************************************************************/
/****************************************CAROUSEL********************************************/
/******************************************************************************************/
#myCarousel {
    width:100%;
    height:454px
}

a.carousel-link {
    text-decoration: none;
}

/* Carousel Fade Effect */
.carousel.carousel-fade .item {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    opacity: .5;
}
.carousel.carousel-fade .active.item {
    opacity: 1;
}
.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
    left: 0;
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
}
.carousel-overlay {
    position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;
}
.carousel-control {
    margin-top:20px
}

.carousel-inner {
    top:-56px;
left:-1px;
width: 100.2%;
}

.carousel-inner .item {
    width:100%;
    height:500px
}

.carousel-caption {
    background-color:transparent;
    margin-top:275px;
    max-width:1000px;
    padding:0 20px;
    position:static;
    margin-right:-28px
}

.carousel-caption h2 {
    color:#fff;
    font-size:48px;
    line-height:1.25;
    margin:0;
    font-weight:200;
    text-align:right
}

.carousel-caption a.action-button {
    float:right;
    margin-top:15px
}

.carousel-indicators {
    left:59%;
    list-style:none outside none;
    margin-left:-28%;
    padding-left:0;
    position:absolute;
    text-align:right;
    width:60%;
    z-index:15;
    margin-bottom:4px
}

.carousel-indicators li {
    background-color:#97a0ae;
    border:1px solid #97a0ae;
    border-radius:10px;
    cursor:pointer;
    display:inline-block;
    height:8px;
    margin:1px;
    text-indent:-999px;
    width:8px
}

.carousel-indicators li:hover {
    background-color:#1f3e6c;
    border:1px solid #1f3e6c;
    border-radius:10px;
    cursor:pointer;
    display:inline-block;
    height:8px;
    margin:1px;
    text-indent:-999px;
    width:8px
}

.carousel-indicators li.active {
    background-color:#ff3d00;
    border:1px solid #ff3d00;
    border-radius:10px;
    cursor:pointer;
    display:inline-block;
    height:8px;
    margin:1px;
    text-indent:-999px;
    width:8px
}

#progress-bar {
    background-color:#1f3e6c;
    font-size:1px;
    height:1px;
    line-height:1px;
    position:relative;
    top:407px;
    width:980px;
    z-index:10
}

#progress-bar div {
    background-color:#ff3d00;
    height:1px;
    width:1px;
    margin-left:-15px
}

#tagline {
    color:#1f3e6c;
    font:bold 10px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    left:102px;
    position:absolute;
    text-transform:uppercase;
    top:422px;
    z-index:9999
}

/******************************************************************************************/
/****************************************HOMEPAGE BLOCS********************************************/
/******************************************************************************************/
#highlights {
    z-index:100;
    margin-top:-40px
}

#highlights #news-ticker,#highlights #softwares,#highlights #components {
    height:274px
}

#highlights div h2 {
    display:block;
    font-size:32px;
    line-height:35px;
    margin-left:auto;
    margin-right:auto;
    width:100%
}

#backnews {
    margin-top:15px
}

#highlights #news-ticker div.news a:link {
    background-image:url(../../images/homepage/news_background.gif);
    background-position:right top;
    background-repeat:no-repeat;
    display:block;
    height:60px;
    line-height:1.2em
}

#highlights #news-ticker div.news a:hover {
    background-position:right bottom
}

#highlights #news-ticker {
    font-size:12px;
    width:323px;
    overflow:hidden;
    margin-left:10px
}

#highlights #news-ticker div.news {
    display:block;
    height:60px;
    list-style-image:none;
    list-style-type:none;
    margin-bottom:10px;
    position:relative;
    width:100%
}

#news-ticker a:link,#news-ticker a:hover {
    text-decoration:none
}

#highlights #news-ticker div.news a img {
    clip:rect(0px,60px,60px,0px);
    height:60px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:60px
}

#highlights #news-ticker div.news a span {
    display:block;
    padding-left:65px;
    padding-right:2px
}

#highlights #news-ticker div.news a span.date {
    color:#617179;
    padding-top:5px
}

#highlights #news-ticker div.news a:hover span.date {
    color:#617179;
    text-decoration:none
}

#highlights #news-ticker div.news a:hover span.event {
    color:#ff3d00;
    text-decoration:none
}

#highlights #news-ticker div.news a span.event {
    color:#1f3e6c;
    font-weight:700;
    padding-top:5px
}

#news-navigation {
    height:30px;
    width:290px;
    margin-left:10px
}

#next-news,#previous-news {
    background-image: url("../../images/homepage/news_navigation.gif");
    background-repeat:no-repeat;
    display:block;
    float:left;
    height:30px;
    text-decoration:none;
    width:25px
}

#next-news,#next-news:link,#next-news:visited {
    background-position:right top
}

#next-news:hover {
    background-position:right center
}

#next-news:active {
    background-position:right bottom
}

#previous-news:hover {
    background-position:left center
}

#previous-news:active {
    background-position:left bottom
}

p#news-counter {
    float:left;
    font-size:10px;
    line-height:30px
}

#archives {
    float:right;
    font-size:10px;
    line-height:30px;
    text-align:right;
    text-transform:uppercase
}

#archives a:hover {
    text-decoration:underline
}

#softwares ul li,#components ul li {
    background:url(../../images/homepage/embossed_divider.gif) repeat-x scroll left bottom rgba(0,0,0,0);
    display:block;
    height:40px;
    max-height:40px;
    overflow:hidden;
    width:98%
}

#softwares ul li a:hover,#components ul li a:hover {
    background-image:url(../../images/homepage/teaser_arrow.gif);
    background-position:98% -7%;
    background-repeat:no-repeat;
    color:#ff3d00;
    font-family:"Yanone Kaffeesatz"
}

#softwares ul li:last-child {
    background-image:none
}

#components ul {

}

.collinks {
    left:129px;
    position:relative;
    width:170px
}

.col-md-4 ul li a {
    color:#617179;
    display:block;
    font:200 22px/40px "Yanone Kaffeesatz";
    height:40px;
    text-decoration:none;
    width:100%
}

#backsoftwares {
    background-image:url(../../images/homepage/optimization-softwares-background.jpg);
    background-repeat:no-repeat;
    height:215px
}

#backcomponents {
    background-image:url(../../images/homepage/nonlinear-optimization-tools-background.jpg);
    background-repeat:no-repeat;
    height:215px
}

/******************************************************************************************/
/****************************************GENERIC LAYOUT*******************************************/
/******************************************************************************************/
#global-wrapper {
    background:url(../../images/global/sky_background.jpg) no-repeat scroll center top rgba(0,0,0,0);
    margin-left:auto;
    margin-right:auto
}

.breadcrumb {
    background-color:transparent
}

#breadcrumb {
    margin-top:20px;
    margin-left:-15px
}

#breadcrumb a:link,#breadcrumb a:visited {
    background:url(../../images/breadcrumb/delimiter.gif) no-repeat scroll left center rgba(0,0,0,0);
    font-size:12px;
    margin-left:5px;
    padding-left:10px;
    text-decoration:none
}

#breadcrumb span {
    background:url(../../images/breadcrumb/delimiter.gif) no-repeat scroll left center rgba(0,0,0,0);
    color:#617179;
    font-size:12px;
    line-height:15px;
    margin-left:5px;
    padding-left:10px
}

#breadcrumb span.lastitem {
    color:#1f3e6c;
    font-weight:700
}

/*#main{
min-height: 500px;
}*/
#main-content {
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
    margin-top:-30px
}

.composants,.applications {
    float:right
}

#main-content h1,h1 {
    font-size:42px;
    font-weight:200;
    margin-bottom:.25em;
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz"
}

#main-content h2,h2 {
    font-size:28px;
    font-weight:400;
    margin-bottom:.25em;
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz"
}

#main-content h3,h3 {
    font-size:20px;
    font-weight:400;
    margin-bottom:.25em;
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz"
}

#main-content h4,h4 {
    font-size:16px;
    font-weight:400;
    margin-bottom:.25em;
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz"
}

#main-content p {
    line-height:1.5em
}

aside {
    margin-top:21px
}

#side-menu {
    margin-bottom:15px;
    width:217px
}

.inside {
    width:180px;
    border:1px solid transparent;
    margin-left:10px;
    opacity:.5;
    filter:alpha(opacity=100);
/* For IE8 and earlier */
    height:91px;
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}

#artelys-energy-planner-2 #text,#artelys-energy-planner #text {
    color:#1f3e6c
}

#text {
    z-index:100;
    position:relative;
    font-size:24px;
    top:-51px;
    color:#fff;
    font-family:"Yanone Kaffeesatz"
}

.inside:hover {
    opacity:1;
    filter:alpha(opacity=100);
/* For IE8 and earlier */
    box-shadow:2px 2px 2px rgba(0,0,0,0.6)
}

.inside span {
    position:relative;
    content:'Brochure'
}

#artelys-energy-planner-2 .inside:hover span:before,#artelys-risk-manager-2 .inside:hover span:before,#artelys-crystal-city-2 .inside:hover span:before,#artelys-crystal-super-grid-2 .inside:hover span:before,#artelys-crystal-industry .inside:hover span:before,#knitro .inside:hover span:before,#kalis .inside:hover span:before,#xpress .inside:hover span:before,#ampl .inside:hover span:before {
    content:'Read ';
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}

.inside:hover span:before {
    content:'Lire ';
    -webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
    -o-transition:all .7s ease;
    transition:all .7s ease
}

.overlay {
    background:none repeat scroll 0 0 rgba(0,0,0,0.8);
    display:block;
    overflow:hidden;
    position:absolute;
    transition:all .5s ease 0;
    z-index:20
}

#myModal .modal-header {
    border-bottom:1px solid #e5e5e5;
    margin-bottom:0;
    min-height:16.4286px;
    padding:15px 15px 29px
}

#myModal .modal-dialog {
    margin:30px auto;
    width:1000px;
    height:600px
}

#side-menu,#side-espaceclient {
    padding:0 0 0 10px
}

#side-menu .application-title {
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz";
    font-size:18px;
    font-weight:300;
    text-transform:uppercase
}

#side-menu a.application-title {
    line-height:35px
}

#side-menu .application-title:hover {
    color:#1f3e6c;
    text-decoration:none
}

#side-espaceclient .section-title,#side-menu .section-title {
    color:#1f3e6c;
    font-family:"Yanone Kaffeesatz";
    font-size:18px;
    font-weight:400;
    margin-top:2em;
    text-transform:uppercase;
    letter-spacing:1px
}

#side-espaceclient a,#side-menu a:not(.application-title) {
    color:#1f3e6c;
    display:block;
    height:25px;
    margin-left:auto;
    margin-right:auto;
    padding-left:10px;
    text-decoration:none;
    width:100%;
    padding-top:8px;
    padding-bottom:22px
}

#side-espaceclient a:hover,#side-menu a:hover {
    color:#ff3d00
}

#side-espaceclient a.active,#side-menu a.active {
    background-image:url(../../images/global/side_menu_arrow.png);
    background-repeat:no-repeat;
    color:#fff
}

.nav > li > a:hover,.nav > li > a:focus {
    background-color:transparent;
    text-decoration:none
}

#citation {
    background:url(../../images/global/citation_background.png) repeat-x scroll 50% top rgba(0,0,0,0);
    float:right;
    height:157px;
    overflow:hidden
}

#citation p:first-child {
    line-height:1.2em;
    padding-top:10px
}

#citation p {
    color:#fff;
    font-size:16px;
    padding-left:10px;
    padding-right:10px
}

p.introduction:before,div.introduction p:before {
    content:"— "
}

.col-md-6 img {
    margin-left:auto;
    margin-right:auto;
    display:block
}

p.introduction,div.introduction p {
    color:#1f3e6c;
    font-size:14px;
    margin-top:10px
}

/*Partners page *******************************************************************/
img.partner-logo {
    width:100px;
    height:100px;
    float:right;
    margin-left:20px;
    clear:left
}

/*News page *******************************************************************/
div.news-post {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    border-bottom:1px solid #1f3e6c
}

div.news-post h3 {
    margin-bottom:0;
    margin-top:0
}

div.news-post h3 a:link,div.news-post h3 a:visited {
    color:#1f3e6c
}

div.news-post h3 a:hover {
    color:#ff3d00;
    text-decoration:none
}

div.news-post h3 a:active {
    text-decoration:underline;
    color:#cb3100
}

#main-content h1.post-title {
    font-size:28px;
    margin-bottom:25px;
}

.post-date {
    text-transform:uppercase;
    padding-right:5px;
    padding-left:5px;
    display:block;
    float:right;
    color:#fff;
    background-color:#617179;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font:9px/15px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    position:relative;
    top:5px
}

.post-summary p:before {
    content:"— "
}

p.read-more-link a:link,p.read-more-link a:visited {
    display:block;
    width:100%;
    height:15px;
    margin-right:auto;
    margin-left:auto;
    background:url(../../images/news/read_more_icon.gif) no-repeat right top;
    text-indent:-9999em
}

p.read-more-link a:hover {
    background-position:right center
}

p.read-more-link a:active {
    background-position:right bottom
}

.NewsSummaryField {
    display:none
}

.pagination a {
    padding:10px 14px;
    line-height:38px;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd;
    border-left-width:0
}

.pagination a:hover,.pagination .active > a {
    background-color:#f5f5f5
}

.pagination .active > a {
    color:#999;
    cursor:default
}

.pagination .disabled > a,.pagination .disabled > a:hover {
    color:#999;
    cursor:default;
    background-color:transparent
}

.pagination a {
    border-left-width:1px
}

/*Training page *******************************************************************/

h3.training-title{
margin-left:30px;
}

div.training-title {
background-image:url(../../images/training/puces.png);
background-repeat:no-repeat;
}

div.infos{
height:100%;
padding: 1%;
}

h5.session {
color:#FF3300;
font-size:1.5em;
}

table.training-table{
    border-spacing: 10px;
    border-collapse: separate;
}

.toggle_container{
display:none;
border-right:1px solid #FF3300;
}

ul.training-puces{
margin-left: 15px;
}

ul.training-puces li:before{
content: "• ";
color: #FF3300;
}

ul.two-cols, ul.three-cols, ul.four-cols {
	margin-right: 0;
	margin-left: 0;
    -webkit-border-radius:3px;
    -moz-border-radius:0px;
}

ul.two-cols li {
	width: 50%;
	float: left;
}

ul.three-cols li {
	width: 33%;
	float: left;
}

ul.four-cols li {
	width: 25%;
	float: left;
}

div.training-post {
    width:100%;
    margin-right:auto;
    margin-left:auto;
    margin-top:10px;
    border-bottom:1px solid #FF3300
}

div.training-post h3 {
    margin-bottom:0;
    margin-top:0
}

div.training-post h3 a:link,div.news-post h3 a:visited {
    color:#1f3e6c
}

div.news-post h3 a:hover {
    color:#ff3d00;
    text-decoration:none
}

div.training-post h3 a:active {
    text-decoration:underline;
    color:#cb3100
}


#formation {
    background:url(../../images/global/announcement_container_tr.gif) repeat-x scroll 0 0 #0075c8;
    height:30px;
    margin-top:50px;
    width:178px;
}

#formation p:first-child {
    font:400 18px/31px "Yanone Kaffeesatz";
    text-transform:uppercase;
}

#formation p {
    text-align:center;
    color:#fff;
    padding-bottom:2px;
    padding-top:0px;
    text-decoration:none
}

#formation:hover,#carriere:focus,#carriere:active {
    box-shadow:2px 2px 2px rgba(0,0,0,0.6)
}

.formation1 {
	background:url(../../images/global/announcement_container_tr.gif) repeat-x scroll 0 0 #0075c8;
}

#formation1 p:first-child {
    font:400 18px/31px "Yanone Kaffeesatz";
    text-transform:uppercase;
}

#formation1 p {
    padding-top:0px;
    text-align:center;
    color:#fff;
    text-decoration:none
}

#formation1:hover {
    box-shadow:2px 2px 2px rgba(0,0,0,0.6)
}
a.details {
    background-image:url(../../images/global/BoutonDetails2.png);
    width:88px;
    height:20px;
    color:#fff;
    padding:2px 10px 2px 11px;
    text-align:center
}

.programme {
    background-image:url(../../images/global/BoutonProgramme.png);
    width:150px;
    height:20px;
    color:#fff;
    text-align:center;
    margin:auto;
    cursor: pointer;
}

div.programme {
    display:none;
}

.mailFormation {
    background-image:url(../../images/global/BoutonMail.png);
    width:90px;
    height:20px;
    color:#fff;
    padding:2px 20px 2px 9px;
    text-align:center;
    margin:0px 0px 0px 0px;
    cursor: pointer;
}
/* Enf of Training page *******************************************************************/

/*Energy page *******************************************************************/



.energyBox {
    height:160px;
    width:200px;
}

.energyBox a {
    color:#5a5a5a;
}


.energyBox:hover,#energyBox:focus,#energyBox:active {
    box-shadow:2px 2px 2px rgba(0,0,0,0.6)
}

li.energyTable {
    border-bottom: 1px solid #0071bc; 
    width:27%;
    margin:0 22px 0 22px;
}

#main-content h3.energyTitle {
    font:16px Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    color: #0071bc;
    line-height:1.25em;
    margin-bottom:0px;
}
p.energySubTitle {
    margin-top:0px;
}

div.energyAnchor {
   min-height:70px;
   background:#eaedef;
   //padding-right:10px;
   border-bottom:1px solid #FF3300;
   border-top:1px solid #FF3300;
   //width:33%;
   margin-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;
   text-align:left;
}

.energyExt  {
   cursor: pointer; 
   font-size: 16px; 
   color: #ff3300; 
   text-align: center;
   margin-bottom:0px;
}

.energyDiv {
   min-height:20px;
}

/*End of energy page *******************************************************************/

/*Energy-Plagger page *******************************************************************/

.bulletBox {
    border-left: 1px solid #FF3300; 
    padding-left: 20px; 
    margin-bottom: 15px;
}

/*End of energy-planner page *******************************************************************/


/*Contact page *******************************************************************/
#world-map {
    margin-right:auto;
    margin-left:auto;
    width:280px;
    background:url(../../images/contact/world_map.gif) no-repeat center 50%;
    height:140px;
    position:relative;
    margin-bottom:40px
}

#chicago {
    position:absolute;
    left:48px;
    top:45px
}

#paris {
    position:absolute;
    top:40px;
    left:126px
}

#canada {
    position:absolute;
    top:35px;
    left:70px
}

#london {
    position:absolute;
    top:35px;
    left:118px
}

.location {
/*Inner shape*/
    position:absolute;
    top:5px;
    left:5px;
    width:10px;
    height:10px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background:#ff3d00;
    text-indent:-9999em
}

.pulse {
/*Outer glow*/
    position:absolute;
    top:-6px;
    left:-5px;
    width:30px;
    height:30px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    border:5px solid #f26522;
    opacity:0;
    -webkit-animation-name:pulse;
    -webkit-animation-duration:3s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -moz-animation-name:pulse;
    -moz-animation-duration:3s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-timing-function:ease-in-out
}

.pulse a {
    width:100%;
    height:100%;
    margin-right:auto;
    margin-left:auto;
    display:block
}

@-webkit-keyframes pulse {
0% {
    transform:scale(.1);

    opacity:0
}

1% {
    transform:scale(.1);
    opacity:.6
}

60% {
    opacity:0;
   transform:scale(1)
}

100% {
    opacity:0;
    transform:scale(1)
}
}

#paris .pulse {
    -webkit-animation-delay:.4s;
    -moz-animation-delay:.4s;
    -o-animation-delay:.4s;
    animation-delay:.4s
}

#canada .pulse {
    -webkit-animation-delay:.6s;
        -moz-animation-delay:.6s;
    -o-animation-delay:.6s;
    animation-delay:.6s
}

#london .pulse {
    -webkit-animation-delay:.6s;
        -moz-animation-delay:.6s;
    -o-animation-delay:.6s;
    animation-delay:.6s
}

.col-md-4 .villes {
    display:block;
    text-align:center;
    margin-bottom:40px
}

span.phone-number:before {
    content:url("../../images/global/phone_icon.gif")
}

span.phone-number {
    color:#00aef0;
    font-weight:700
}

.google-map {
    display:none
}

.form-horizontal {
    max-width:500px;
    padding:15px;
    margin:0 auto
}

.form-horizontal .control-label {
    text-align:left
}

.form-vertical {
    max-width:250px;
}

.form-vertical .control-label {
    text-align:center;
    margin:10px 0px 0px 0px;
}
#candidature_form select,#download_form select,#contact_form select, #training_form1 select , #training_form2 select{
    max-width:500px
}

/******************************************************************************************/
/****************************************GENERIC LAYOUT WITH SLIDE********************************************/
/******************************************************************************************/
.progressbar {
    font-size:1px;
    height:1px;
    line-height:1px;
    width:580px
}

.progressbar div {
    background-color:#ff3d00;
    height:1px;
    width:1px
}

.cycle-slideshow {
    width:45%
}

div.cycle-slideshow {
    height:250px;
    overflow:hidden;
    position:relative;
    width:580px
}

/******************************************************************************************/
/****************************************SOFTWARE LAYOUT ET COMPONENTS LAYOUT*******************************************/
/******************************************************************************************/
#artelys-applications.section-header {
    background-image:url(../../images/products/ArtelysCrystal-optimization-solutions.png);
}

#artelys-components.section-header {
    background-image:url(../../images/products/artelys_components_header.png);
    background-position: 105% 0%;
    font-size:33px;
    padding-top:5px;
}

.section-header {
    background-position:right top;
    background-repeat:no-repeat;
    border-bottom:5px solid #1f3e6c;
    height:66px;
    margin-left:auto;
    margin-right:auto;
    width:100%
}


#documentation {
    background-image:url(../../uploads/images/components/knitro/Nonlinear-optimization-solver-online-documentation.png) ;
    background-position:center top;
    background-repeat: no-repeat;
    height:31px;
    width:192px;
    color:#fff;
    text-align:center;
    font-size: 14px;
    margin: 27px 0px 0px 0px;
    padding: 6px 15px 10px 0px; 
}

#documentation a {
    color:#fff;
    font-size: 14px;
    text-align:center;
}

#documentationSub {
    background-color:transparent;
    background-image:url(../../uploads/images/components/knitro/Go.png);
    background-position:center top;
    background-repeat:no-repeat;
    border-style:none;
    border-width:0;
    margin: 1px 0 0 10px;
    color:#fff;
    font-size:9px;
    height:31px;
    width:31px;
    text-align:center;
    text-transform:uppercase;
}


#tabbed-panel {
    width:100%;
    height:auto;
    margin-right:auto;
    margin-left:auto
}

#tabbed-panel #tabs {
    width:100%;
    height:25px
}

#tabbed-panel #tabs li {
    text-align:left;
    height:100%;
    float:left;
    list-style-type:none;
    list-style-image:none;
    display:block
}

#tabbed-panel #tabs .ui-tabs-selected {
}

#tabbed-panel #tabs li a {
    text-decoration:none
}

#tabbed-panel #tabs li a:hover {
    color:#1f3e6c
}

#tabbed-panel .nav-pills > li.active > a,.nav-pills > li.active > a:hover,.nav-pills > li.active > a:focus {
    background-color:transparent;
    color:#1f3e6c;
    font-weight:700
}

#tabbed-panel .nav > li > a {
    display:block;
    margin-right:20px;
    padding:10px 2px;
    position:relative
}

#customer-support {
    height:135px;
    margin-right:auto;
    margin-left:auto;
    background:url(../../images/products/customer_support_teaser.jpg) no-repeat center 50%;
    margin-top:20px;
    position:relative;
    background-size:100% 100%;
    max-width:580px
}

#customer-support {
    padding-right:95px;
    padding-left:25px
}

#customer-support h3 {
    padding-top:20px;
    margin-bottom:0
}

#customer-support p {
    line-height:1.2em
}

#customer-support a:link,#customer-support a:visited {
    display:block;
    padding-right:10px;
    padding-left:10px;
    line-height:20px;
    height:20px;
    width:auto;
    position:absolute;
    bottom:15px;
    left:25px;
    background-color:#e8edf1;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}

#customer-support a:hover {
    color:#fff;
    background-color:#ff3d00;
    text-decoration:none
}

#customer-support a:active {
    background-color:#cb3100
}

#support-box {
    max-width:700px;
    height:auto
}

#support-box strong {
    color:#385666
}

#support-box h2,#support-box h3 {
    font-weight:400
}

#support-box .frame {
    padding:20px;
    border:1px solid #617179;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px
}

span.phone-number {
    color:#00aef0;
    font-weight:700
}

span.phone-number:before {
    content:url(../../images/global/phone_icon.gif)
}

/*COMPONENTS LAYOUT*******************************************/


#component-version {
    margin-right:auto;
    margin-left:auto;
    height:180px
}

#component-version li {
    float:left
}

#component-version li p {
    text-align:left
}

.cache {
    display:none
}

.divider {
    border-top:1px solid #1f3e6c;
    display:block;
    height:1px;
    margin-left:auto;
    margin-right:auto;
    text-indent:-9999em;
    width:100%
}


.step {
    height:25px;
    margin-right:5px;
    vertical-align:text-bottom;
    width:25px
}

#knitro .subTitle, #knitro-fr .subTitle {
    font-size: 14px;
}

#knitro h2, #knitro-fr h2, #kalis-fr h2, #kalis h2, #fico-xpress-fr h2, #xpress h2, #ampl-fr h2, #ampl h2 {
    margin-top: 10px;
}

.knitroESP {
    color: #ff3d00; 
    cursor: pointer;
}

.knitroBox {
    border-left: 1px solid #FF3300; 
    padding-left: 20px; 
    margin-bottom: 30px;
    padding-top: 10px;
}

.knitroFeatures {
    font-size: 14px; 
    margin-bottom: 20px; 
}

/******************************************************************************************/
/****************************************FOOTER********************************************/
/******************************************************************************************/
#footer {
    background-color:#eaedef;
    color:#666;
    font-size:11px;
    width:100%;
    bottom:0;
    margin:0 auto;
    position:relative;
padding-bottom:4px;
margin-bottom: -13px;
}

#footer-item {
    padding:18px 0;
    margin:auto;
    max-width:1000px
}

#footer-item a {
    color:#666
}

#footer #social {
    float:right;
    margin-top:-10px
}

.icone {
    display:inline-block;
    width:24px;
    height:25px;
    text-indent:-7000px;
    margin-right:5px;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}

#footer #social #linkedin {
    background:url(../../images/social_networks/smo.png) no-repeat 0 -24px rgba(0,0,0,0)
}

#footer #social #linkedin:hover {
    background:url(../../images/social_networks/smo.png) no-repeat 0 0 rgba(0,0,0,0)
}

#footer #social #viadeo {
    background:url(../../images/social_networks/smo.png) no-repeat -24px -24px rgba(0,0,0,0)
}

#footer #social #viadeo:hover {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -24px 0 rgba(0,0,0,0)
}

#footer #social #twitter {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -48px -24px rgba(0,0,0,0)
}

#footer #social #twitter:hover {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -48px 0 rgba(0,0,0,0)
}
#footer #social #vimeo {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -72px -24px rgba(0,0,0,0)
}

#footer #social #vimeo:hover {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -72px 0 rgba(0,0,0,0)
}
#footer #social #rss {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -96px -24px rgba(0,0,0,0)
}

#footer #social #rss:hover {
    background:url(../../images/social_networks/smo.png) no-repeat scroll -96px 0 rgba(0,0,0,0)
}

#social li {
    list-style-type:none;
    display:inline
}

/*//////////////////////////////////////////////////////////////////// 
//  12 - Media Queries
////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////  iPhone Portrait */
@media screen and (max-width: 480px) {
#header-mobile #espace-client-tablette {
    display:none
}

#knitro-en #main-content #benefits-tab img,#knitro #main-content #benefits-tab img {
    display:none
}

img.partner-logo {
    display:none
}

/*GLOBAL****************************/
body:not(.mceContentBody) {
    background-color:#fff;
    background-image:none;
    background-position:center top;
    background-repeat:repeat-x
}

#page-wrapper {
    width:100%;
    position:relative;
    margin-right:auto;
    margin-left:auto
}

/*MENU****************************/
#navigation-items {
    float:left
}

#site-language {
    display:none
}

#header #customer-button {
    display:none
}

.navbar-wrapper {
    height:46px
}

.navbar-wrapper .navbar-toggle {
    margin-bottom:3px
}

.navbar-collapse #navigation-items {
    width:100%
}

.caret {
    display:inline-block
}

#navigation-items li a {
    font-size:14px
}

#navigation-items ul li a:hover {
    background-image:none
}

/*CAROUSEL****************************/
.carousel-inner {
    margin-top:-60px
}

.carousel-caption {
    background-color:transparent;
    margin-top:258px;
    max-width:1000px;
    padding:0 20px;
    position:static;
    margin-right:-28px
}

.carousel-caption h2 {
    color:#fff;
    font-size:36px;
    line-height:1.25;
    margin:0 0 0 -35px;
    font-weight:200;
    text-align:right
}

/*CONTENT****************************/
#news-navigation {
    display:none
}

#highlights {
    margin-right:-15px;
    margin-left:-24px
}

/*FOOTER****************************/
#footer-item {
    padding:18px 0;
    text-align:center
}

/*//////// GABARIT LAYOUT //////// */
#breadcrumb {
    display:none
}

aside {
    display:none
}

.pull-right {
    float:none
}

#main-content h1,h1 {
    font-size:30px
}

#knitro-fr h1.section-header, #knitro h1.section-header{
    min-height:95px
}

h1.section-header {
    height:50px
}

/*//////// SOFTWARES ET COMPONENTS LAYOUT //////// */
#artelys-applications.section-header {
    background-image:none
}
#artelys-components.section-header {
    background-image:none
}

#tabbed-panel .nav > li > a {
    display:block;
    margin-right:6px;
    padding:10px 4px;
    position:relative
}

#tabbed-panel #tabs {
    height:30px;
    width:100%
}

#tabbed-panel .tab-content img {
    margin-top:20px
}

#customer-support {
    display:none
}

#knitro h2, #knitro-fr h2, #kalis-fr h2, #kalis h2, #fico-xpress-fr h2, #xpress h2, #ampl-fr h2, #ampl h2  {
    margin-top: 50px;
}

}

/*////////////////////////////////////////////////////////////////////  iPhone Landscape */
@media screen and (max-width: 600px) {
/*GLOBAL****************************/
#page-wrapper {
    width:100%;
    position:relative;
    margin-right:auto;
    margin-left:auto
}

.container:not(#except-carousel) {
    margin-right:auto;
    margin-left:auto
}

/*MENU****************************/
#navigation-items {
    float:left
}

#site-language {
    display:none
}

#header #customer-button {
    display:none
}

.navbar-wrapper {
    height:46px
}

.navbar-wrapper .navbar-toggle {
    margin-bottom:3px
}

.navbar-collapse #navigation-items {
    width:100%
}

.caret {
    display:inline-block
}

#navigation-items li a {
    font-size:14px
}

#navigation-items ul li a:hover {
    background-image:none
}

/*CAROUSEL****************************/
/*FOOTER****************************/
#footer-item {
    padding:11px 0;
    text-align:center
}

#footer #social {
    float:none;
    padding-left:0;
    margin:11px auto 9px auto;
}

/*//////// GABARTI LAYOUT //////// */
#breadcrumb {
    display:none
}

aside {
    display:none
}

.pull-right {
    float:none
}

.scroll-wrapper {
    height:200px;
    width:100%;
    background-color:#fff;
    background-image:none;
    margin-bottom:20px
}

.scroll-wrapper {
    display:inline-block;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}

/*//////// SOFTWARES ET COMPONENTS LAYOUT //////// */

.centrer img {
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px
}
}

/*////////////////////////////////////////////////////////////////////  Tablette */
@media (max-width:1200px) {
/*GLOBAL****************************/
#page-wrapper {
    width:100%;
    position:relative;
    margin-right:auto;
    margin-left:auto
}

.container:not(#except-carousel) {
    margin-right:auto;
    margin-left:auto
}

.container {
    width:100%
}

#header-mobile {
    float:right;
    width:400px;
    position:relative;
    top:13px
}

#mobile-langue {
    background-position:right top;
    background-repeat:no-repeat;
    color:#fff;
    display:block;
    float:right;
    height:26px;
    margin-right:61px;
    position:relative;
    width:59px;
    z-index:9000
}

#mobile-langue img {
    height:25px;
    float:left;
    margin-top:-5px
}

#mobile-langue a {
    color:#fff;
    text-transform:uppercase;
    padding-left:8px;
    font-size:16px
}

#mobile-langue span.active {
    display:none
}

#espace-client-tablette {
    background-position:right top;
    background-repeat:no-repeat;
    display:block;
    z-index:9000;
    float:left;
    margin-left:84px;
    padding:3px;
    top:-3px
}

#espace-client-tablette a {
    text-decoration:none
}

#espace-client-tablette img {
    position:relative;
    top:-1px;
    height:11px
}

#espace-client-tablette span {
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    padding-left:10px;
    text-decoration:none
}


/*//////// HOMEPAGE LAYOUT //////// */
#bar {
    display:none
}

/*//////// GABARIT LAYOUT //////// */
#breadcrumb {
    margin-top:20px;
    margin-left:1px
}

aside {
    display:none
}
#myModal{
    display:none;
}

.pull-right {
    float:none
}

.form-group {
   left:20px;
   margin-bottom:15px;
}

/*MENU****************************/
#navigation-items {
    float:left
}

#site-language {
    display:none
}

#header a#customer-button {
    display:none
}

#navigation-items li.mobile-area {
    display:block
}

.navbar-wrapper {
    background-repeat:no-repeat;
    margin-top:-5px
}

.navbar-collapse {
    background-color:#fff;
    border-color:transparent
}

.navbar-inverse .navbar-nav > li > a {
    color:#1f3e6c;
    text-transform:uppercase
}

.navbar-nav .open .dropdown-menu > li > a {
    color:#777
}

.navbar-inverse .navbar-toggle {
    border-color:transparent
}

.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus {
    border-color:transparent;
    background-color:transparent
}

.navbar-wrapper .container {
    padding-right:15px;
    padding-left:15px
}

.navbar-wrapper .navbar {
    padding-right:0;
    padding-left:0
}

/* The navbar becomes detached from the top, so we round the corners */
.navbar-wrapper .navbar {
    border-radius:4px
}

#navigation-items {
    float:left
}

#site-language {
    display:none
}

#header #customer-button {
    display:none
}

.navbar-wrapper {
    height:46px
}

.navbar-wrapper .navbar-toggle {
    margin-bottom:3px
}

.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form {
    border-color:transparent;
    border-bottom:5px solid #ff3d00;
    margin-right:3px;
    float:right;
    width:270px;
    margin-top:1px;
    box-shadow:0 6px 12px rgba(0,0,0,0.176)
}

ul#navigation-items .dropdown-menu {
    width:225px;
    margin-left:14px
}

.navbar-collapse ul#navigation-items {
    width:100%
}

.caret {
    display:inline-block
}

#navigation-items li a {
    font-size:14px
}

#navigation-items ul li a:hover {
    background-image:none
}

#news-navigation {
    display:none
}

.navbar-inverse .navbar-nav > .active > a,.navbar-inverse .navbar-nav > .active > a:hover,.navbar-inverse .navbar-nav > .active > a:focus {
    color:#1f3e6c
}

/*CAROUSEL************************/
#tagline {
    display:none
}

#progress-bar {
    display:none
}

.carousel-indicators {
    list-style:none outside none;
    padding-left:0;
    position:absolute;
    width:60%;
    z-index:15;
    text-align:center;
    left:19%;
    margin-left:0;
    margin-bottom:8px;
    bottom:1px
}

/*MAIN****************************/
#main {
    margin-top:-70px
}

.col-md-9 {
    float:left;
    width:100%
}

#highlights #news-ticker {
    margin-bottom:41px
}

#highlights #news-ticker,#highlights #softwares,#highlights #components {
    margin-left:auto;
    margin-right:auto;
    width:329px
}

#citation {
    display:none
}

.google-maps{
        position: relative;
        top: 0;
        left: 0;
        height: 50px;
        padding-bottom: 50% // This is the aspect ratio
        width: 100% !important;
        height: 100% !important;
}
/* Stylesheet: artelys Modified On 2017-04-21 14:02:20 */