body {
  font-family: 'Open Sans', sans-serif;
  color: #666;
  background-color:#00;
  margin:0;
}

header {
    width:100%;
    display:block;
    padding-bottom: 5px;
}

.navbar-custom {
    margin-top: 20px;
    box-shadow: 1px 1px 6px #555;
}

/* STRUCTURE */

#pagewrap {
	width: 1200px;
	margin-left: auto;
    margin-right: auto;
	background-color:#fff;
	padding-top: 10px;
}
#header {
	height: auto;

}

#sidebar {
	width: 200px;
	padding: 5px 15px;
	float: right;
}
footer {
	clear: both;
	padding: 0 15px;
	font-family: Verdana;
	font-size: 10px;
    color: #3F59A5;
	background-color:#e4e4e4;
	height:auto;

}

#footerseparation {
	clear: both;
	padding: 0 15px;
	background-color:#FFF;
	border-bottom: 2px solid #babcba;
	border-top: 2px solid #babcba;
}

#footerseparation .footercontent {
	width:100%;
    background:white;
    max-width:1200px;
    margin:0 auto;
    text-align: center;
	padding: 5px 5px;
}

.footercontent {
	width:100%;
    max-width:1200px;
    margin:0 auto;
    background-color:#e4e4e4;
    padding: 15px 15px;
}

footer  ul {
	padding-top:10px;
	padding-left:5px;
}

.footerinfo   {
	background-color:#666362;
	color:#fff;
	padding-left:5px;
	width:100%;
    max-width:1200px;
    margin:0 auto;
	text-align:center;
}

.footerinfo a  {
	color: #fff;
}

#sidebar {
	background: #f0efef;
}

.header {margin-left: 10px; float: left}

.test {
	width:100%;
    max-width:1260px;
    margin:0 auto;
}

/** Titre **/
.titre_header1 {
	color:#000032;
	font-size: 28px;
	font-family: sans-serif;
	border-bottom: 2px solid #babcba;
}

.rouge_tit {
	color:#e00017;
}

.sub_header1 {
	color:#babcba;
	font-size: 14px;
	font-family: sans-serif;
	text-align: justify;
}

/** General **/
.center{
    height : 90px;
    display : table-cell;
    vertical-align : middle;
    float:none;
}

/** Content **/
.contenu {
    text-align:justify;
}

/*
Pagination
*/
.simple-pagination-page-numbers a
{
    background-color: #fff;
    border: 1px solid #ddd;
    color: #337ab7;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}

.my-navigation:after
{
	content: "";
	display: table;
	clear: both;
}
.my-navigation div
{
	float: left;
}
.my-navigation div + div
{
	margin-left: .5rem;
}
a[class*="simple-pagination-navigation-disabled"]
{
	color: black;
	cursor: default;
	background-color: #e4e4e4;
}

/*
Product page
*/
.name {
  color: #565656;
  font-weight: 300;
  font-size: 2rem;
  margin-top: 0px;
}
.price {
  margin: 0px;
  font-weight: bold;
  color: #c76200;
}

.pricing > .label
{
	color: #999;
}

.pricing > .price
{
	color: #c76200;
    font-size: 13px;
    font-weight: bold;
}

.pricing  {
  height:382px;
}

.pricing ul {
  list-style: none;
  padding: 0;
  text-align: left;
  margin-top: 5px;
}

.pricing ul ul {
  margin-top: 5px;
  margin-left: 25px
}
.pricing li {
  margin-bottom: 5px;
}

.pricing ul li ul li {
  margin-bottom: 0px
}
.checkIcon {
  font-family: "FontAwesome";
  content: "\f00c";
}
.pricing li::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-size: 1.3rem;
  margin-right: 3px;
}


.prod-details
{
	background-color: #faf7ee;
}
.prod-details h4
{
	border-bottom: 1px solid black;
}

.prod-additional
{
	padding: 15px 15px 30px;
}

.prod-fulldesc
{
	padding: 15px 15px 30px;
}

/*
DL page
*/

.dl-label
{
	color:#003366;
	font-weight: bold;
}

.dl-price
{
	color:#414040;
	font-weight: bold;
	font-size: 20px;
}

.dl-list ul
{
	list-style-type: none;
	padding: 0px;
}


.modal .modal-body {
    max-height: 600px;
    overflow-y: auto;
}

/*
sidebar
*/

.side-form1 {
    width:150px;
}


.side-panel1 {
    background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


.btn-custom-darken.active {
  color: rgba(255, 255, 255, 0.75);
}
.btn-custom-darken {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #00852c;
  background-image: -moz-linear-gradient(top, #009933, #006622);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#009933), to(#006622));
  background-image: -webkit-linear-gradient(top, #009933, #006622);
  background-image: -o-linear-gradient(top, #009933, #006622);
  background-image: linear-gradient(to bottom, #009933, #006622);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff009933', endColorstr='#ff006622', GradientType=0);
  border-color: #006622 #006622 #001909;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #006622;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-custom-darken:hover,
.btn-custom-darken:focus,
.btn-custom-darken:active,
.btn-custom-darken.active,
.btn-custom-darken.disabled,
.btn-custom-darken[disabled] {
  color: #ffffff;
  background-color: #006622;
  *background-color: #004c1a;
}
.btn-custom-darken:active,
.btn-custom-darken.active {
  background-color: #003311 ;
}

.buttonvalid {
    background: linear-gradient(to bottom, #00892d 5%, #00b73d 100%) repeat scroll 0 0 #ededed;
    border: 1px solid #00892d;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #00892d inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    padding: 3px 12px;
    text-decoration: none;
}

.buttonvalid:hover {
	background: linear-gradient(to bottom, #009933 5%, #00cc44 100%) repeat scroll 0 0 #ededed;
}

.buttonvalidgrey {
    background: linear-gradient(to bottom, #cdcdcd, #b3b3b3) repeat scroll 0 0 #dcdcdc;
    border: 1px solid #696969;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #696969 inset;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-size: 15px;
    padding: 6px 24px;
    text-decoration: none;
}

.buttonvalidgrey:hover {
	background: linear-gradient(to bottom, #a3a3a3 5%, #F3F3F3 100%) repeat scroll 0 0 #ededed;
	color: #000000;
}

.ajout-panier .buttonvalid {
	font-size: 18px;
	font-weight: bold;
	padding: 4px 20px;
}

.navbar-custom {
  background-color: #e4e4e4;
  border-color: #d3d3d3;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fefefe), to(#e4e4e4));
  background-image: -webkit-linear-gradient(top, #fefefe, 0%, #e4e4e4, 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #e4e4e4 100%);
  background-image: linear-gradient(to bottom, #fefefe 0%, #e4e4e4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#ffe4e4e4', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #383370;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #26234d;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #383370;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #d3d3d3;
}
.navbar-custom .navbar-nav > li > a {
  color: #383370;
  border-left: 1px solid #d3d3d3;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #c0c0c0;
  background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #c0c0c0;
  background-color: #d3d3d3;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#d3d3d3), to(#ededed));
  background-image: -webkit-linear-gradient(top, #d3d3d3, 0%, #ededed, 100%);
  background-image: -moz-linear-gradient(top, #d3d3d3 0%, #ededed 100%);
  background-image: linear-gradient(to bottom, #d3d3d3 0%, #ededed 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd3d3d3', endColorstr='#ffededed', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
  border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #d2d2d2;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #d3d3d3;
  color: #c0c0c0;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #383370;
  border-bottom-color: #383370;
}
@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #383370;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #c0c0c0;
    background-color: transparent;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c0c0c0;
    background-color: #d3d3d3;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #383370;
}
.navbar-custom .navbar-link:hover {
  color: #c0c0c0;
}




/*Common CSS*/
.progressbar {
      counter-reset: step;
      width:100%;
      margin:0 0 100px 0;
      padding:0
  }
.progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 0.75em;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}
.progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}
.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active {
    color: green;
}
.progressbar li.active:before {
    border-color: #55b776;
}
.progressbar li.active + li:after {
    background-color: #55b776;
}

.modal-cgv{
  max-height:500px;
  overflow: auto;
}

.overflow_application{
  height: 267px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.s-arrow-up {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
  position:relative;
  bottom:8px;
  margin-right: 5px;
  margin-left: 5px;
}

.s-arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  position:relative;
  top:8px;
  margin: 0 5px 0 5px;
}


.package {
  box-sizing: border-box;
  width: 350px;
  height: 760px;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 6px;
  text-align: center;
  float: left;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  font-size: 0.9em;
}

.package2 {
  box-sizing: border-box;
  width: 580px;
  height: 860px;
  border: 3px solid #e8e8e8;
  border-radius: 7px;
  display: inline-block;
  padding: 6px;
  text-align: center;
  float: left;
  -webkit-transition: margin-top 0.5s linear;
  transition: margin-top 0.5s linear;
  position: relative;
  font-size: 0.9em;
}

/* Triangle */
.brilliant::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #3bc6b8 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.brilliant::after {
  font-family: "FontAwesome";
  content: "\f00c";
  color: white;
  position: absolute;
  left: 9px;
  top: 6px;
  text-shadow: 0 0 2px #37c5b6;
  font-size: 1.4rem;
}

/*Version PDF*/
.pdf-pano {border-color: #9E0202;}
.pdf-pano::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #9E0202 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.pdf-pano::after {
  font-family: "FontAwesome";
  content: "\f1c1";
  color: white;
  position: absolute;
  left: 9px;
  top: 6px;
  text-shadow: 0 0 2px #9E0202;
  font-size: 2rem;
}
.pdf-pano .name, .pdf-pano strong, .pdf-pano li::before {color: #9E0202}

/*Version Livre*/
.livre-pano {margin-right: 40px; margin-left: 35px; border-color: #009933;}
.popover .livre-pano {margin:0}
.livre-pano::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #009933 transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.livre-pano::after {
  font-family: "FontAwesome";
  content: "\f02d";
  color: white;
  position: absolute;
  left: 9px;
  top: 6px;
  text-shadow: 0 0 2px #009933;
  font-size: 2rem;
}
.livre-pano .name, .livre-pano strong, .livre-pano li::before {color: #009933}

/*Version ABO*/
.abo-pano {border-color: #2465ae;}
.abo-pano::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 64px 64px 0 0;
  border-color: #2465ae transparent transparent transparent;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
}
.abo-pano::after {
  font-family: "FontAwesome";
  content: "\f108";
  color: white;
  position: absolute;
  left: 9px;
  top: 6px;
  text-shadow: 0 0 2px #2465ae;
  font-size: 2rem;
}
.abo-pano .name, .abo-pano strong, .abo-pano li::before {color: #2465ae}





.sommaire ul {list-style: none; padding-left: 30px}
.sommaire ul li {font-size: 1.5em; font-weight: bold; color: #161D34;}

.sommaire .container-fluid>ul>li:before {
  content:"\25AA";
  color: #e00017;
  font-size: 1.4em;
  position: relative;
}


.sommaire ul > li > ul > li  {font-size: 0.8em; font-weight: normal; color: black;}
.sommaire ul > li > ul > li:before  {
  display: inline-block;
    width:    0;
    height:   0;
  border-top:   solid transparent;
  border-bottom:  solid transparent;
  border-left:          solid #38679c;
  border-width: 5px;
  content:    ' ';
  margin-right: 5px;
}

.at-bottom {position: absolute; bottom:0; right: 25%; left: 25%; padding-bottom: 15px}

.header-titre-h {
color:#000066;
font-size:1.7em ;
}

.header-titre2 {
border-bottom: 1px solid #eee;
color:#000066;
font-size:1.4em ;
font-weight:bold;
}

.red {color: #9E0202}
.blue {color: #003366}
.green {color: #009933}
.white {color: #FFF;}
.grey {color: #6b6a6a;}
.mx-header {margin-bottom: 20px}

/*Multi produits*/
.multi a {color: black; }
.multi a:hover {text-decoration: underline; }
.multi i {float: left; padding-right:15px}
.multi .multi-text {display: block; padding-top: 3px}
.multi .multi-text strong{font-size: 15px}
.dl ul {padding-left:10px}
.dl-title {padding-top: -10px}


.prod_long_desc {
  background: #faf7ee;
  padding: 20px 0;
  margin-top: 15px;
}

.liste-alpha {font-size: 1.8em; text-align: center}
.liste-alpha a {margin: 0 5px}
/* END COMMON CSS*/

.panel-title {color: #0066CC; font-weight: bold}
.panel-title i {float: left; padding-right:15px; padding-top: 3px}
.panel-title .multi-text {display: block; padding-top: 3px}
.panel-title .multi-text small {font-size: .9em}
h1.page-header {font-size: 2.2em; margin-top: 0}
h1.page-header small {font-size: 0.8em}
.title-blue {color: #000066}
.page-header .cc-name {font-size: .8em}
.contenu-produit {padding-left: 20px}
.contenu-produit li.green {color: #009933}
.contenu-produit li{list-style: none; color: #0066CC}
.contenu-produit li:before{content: '\f04b'; font-family: 'FontAwesome'; margin-right: 4px}

.detail-offre {border: 1px solid #ddd; padding: 15px; background: #f5f5f5}
.detail-offre ul {list-style: none; padding-left: 8px}
.detail-offre ul ul {padding-left: 20px}
.detail-offre ul ul li:before {content: '\f04b'; font-family: 'FontAwesome'; margin-right: 4px; font-size: 0.5em}
.detail-offre li:before {content: '+'; font-weight: bold; padding-right: 4px; color: #009933}
.detail-offre h4 {color: #009933}

.btn-success {background: #009933}

.article {
  border-bottom: 1px dotted #636363;
  border-top: 1px dotted #636363;
  padding: 10px 5px
}
.article h3 {
  margin: 0;
  line-height: 20px;
}

.odd {
  background: #e4e4e4;
}
/*.overflow_application{height:267px;overflow:hidden;text-overflow:ellipsis}*/

/*Multi produits*/
.multi a {color: black; }
.multi a:hover {text-decoration: underline; }
.multi i {float: left; padding-right:15px}
.multi .multi-text {display: block; padding-top: 3px}
.multi .multi-text strong{font-size: 15px}
.dl ul {padding-left:10px}
.dl-title {padding-top: -10px}


.prod_long_desc {
background: #faf7ee;
padding: 20px 0;
margin-top: 15px;
}

.liste-alpha {font-size: 1.8em; text-align: center}
.liste-alpha a {margin: 0 5px}
/* END COMMON CSS*/
.actu-mp {padding-bottom:10px;}
.cat_tree input{ font-size: 1em; }
.cat_tree 
{
    padding: 0px;
}
.cat_tree li 
{
    position: relative; 
    margin-left: -5px;
    list-style: none;
}
.cat_tree li input
{
    position: absolute;
    left: 0;
    margin-left: 0;
    opacity: 0;
    z-index: 2;
    cursor: pointer;
    height: 1em;
    width: 1em;
    top: 0;
}
.cat_tree li input + ol
{
    /* background: url(img/arrow-down.png) 45px -3px no-repeat; */
    margin: -0.938em 0 0 -44px;
    height: 1em;
}
.cat_tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
li label
{
    cursor: pointer;
    display: block;
}
 
.cat_tree li input:checked + ol
{
    /* background: url(img/arrow-up.png) 45px 4px no-repeat; */
    margin: -1.25em 0 0 -44px;
    padding: 1.563em 0 0 80px;
    height: auto;
}
.cat_tree li input:checked + ol > li { display: block; margin: 0 0 0.125em;}
.cat_tree li input:checked + ol > li:last-child { margin: 0 0 0.063em; }
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}