@charset "utf-8";
/* CSS Document */
body{
	padding-top:100px;
	background-color:#fff;
	  font-weight: 400;
    font-style: 400;
}


.img-float-right{ display:block; float:right;}
.img-float-left{ display:block; float:left;}
#connexion{  display:block; float:right; width:150px; height:20px; text-align:center; margin-top:19px; z-index:10000;}

	
.div-center{ display:block; margin:0 auto; width:160px}
/*CONNEXION*/
	#connexion .btn{ color:#fff;background-color:#488dc6; display:block; width:100%;-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; padding:10px 0;}

/*FIN CONNEXION*/


.navbar-brand{color:#488dc6;	display:block;	margin:0 10px 0 0; padding:10px 0 0 0;width:300px; height:113px;
	color:#333;	 background:#fff;}
.navbar-brand a{margin:0; padding:0;color:#488dc6;  font-family: 'raleway-light',arial, sans-serif;;}
.navbar-brand img{ float:left;margin:0 10px 0 0;opacity:1;width:160px; height:auto;}
.navbar-brand img:hover{ }
.navbar-brand h1{font-size:2em; font-style:100; font-weight:100; line-height:1em;  letter-spacing:3px; margin:23px 0 0 0; padding:0; text-align:left; 
	display:block;font-family: 'raleway-regular',arial, sans-serif;color:#488dc6;}
.navbar-brand h1 i{
	font-style:normal;
	margin-top:20px 0 0 0;
	color:#488dc6;	
}
.navbar-brand #clam{ margin-top: 71px;margin-left:-5px;	font-size:0.8em;
	font-size:100;	font-weight:100;color:#488dc6;	font-family: 'raleway-light',arial, sans-serif;white-space:nowrap;	display:block;
}


.noir{background-color:#000; color:#fff;padding-left:15px;padding-right:15px;}
.gris{ background-color:#d2d2d2; padding-top:20px;  }
.grisf{  background-color:#d2d2d2;}
.bf{  background-color:#488dc6; color:#fff; margin:10px 0 ;}
.blanc{ background-color:#fff; color:#000;}
.prune{background-color:#b971a8; margin:0; padding:0; color:#fff;font-size: 1.2em;}
.bleu{ margin-top:30px; background-color:#488dc6; color:#fff;padding:0 10px;}
  .bleu h4, .bleu h5, .bleu h6{color:#fff;}
.bleu h1{ text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.9);color: #002F57;  font-family: "raleway-heavy",arial, sans-serif;margin: 0px;
	padding: 0px;line-height: 1em; text-align:center;}
.bleu h2{font-family: "raleway-bold",arial, sans-serif;;color:#fff;margin: 0px;
	padding: 0px;line-height: 1.2em; text-align:center; text-shadow: 0px 0px 2px rgba(0, 47,87, 0.9);}
.bleu h2.bf{font-family: "raleway-bold",arial, sans-serif;; olor: #002F57; font-size: 2.5em;margin: 0px;
	padding: 0px;line-height: 1.2em; text-align:center;}
.bleu h3{ text-align:center; text-shadow: 0px 0px 2px rgba(0, 47,87, 0.9);}
.bleu p{/*font-size: 1.2em;*/margin: 0px 0px 20px;padding: 0px;}
.bleu a{ color:#fff;}
.bleu-index{ background-color:#488dc6; color:#fff;padding: 10px;
	-webkit-border-radius: 10px 10px 0 10px;
	border-radius: 10px 10px 0 10px;}
.bleu-index a{ color:#fff;}

section.gris,section.blanc{margin-top:50px; margin-bottom:50px; text-align:left;}
.gris2{background-color:#7d7d7d; margin:0; padding:0; color:#fff; font-size:1.2em; }
section.gris h2 span{margin:0 0 0 0; padding:5px 0 0 0;  font-weight:100;}
section.gris h2 a{ font-size:2em; margin:0 0 0 0; padding:5px 0 0 0;  font-weight:100; font-family: 'raleway-heavy';}
section.blanc h2 span{  margin:0 0 0 0; padding:5px 0 0 0;  font-weight:100;}
.sectionbleu{ margin-top:30px; background-color:#488dc6; color:#fff;padding:0;}
	
#div-bc-gestion{background-image:url(../img/slide/vue02.jpg); }
#div-bc-anywhere{background-image:url(../img/slide/vue03.jpg);}
#div-bc-reference{background-image:url(../img/slide/reference.jpg);}
#div-bc-logiciels{background-image:url(../img/slide/vue01.jpg); }
#div-bc-partenaires{background-image:url(../img/slide/partenaires.jpg);}
#div-bc-ressources{background-image:url(../img/slide/vue04.jpg); }
#div-web-solutions{background-image:url(../img/slide/vue07.jpg)}
#div-contact{background-image:url(../img/slide/vue05.jpg)}
#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources,#div-web-solutions, #div-contact{
	background-repeat:no-repeat; background-position:center top; background-size:contain;
}
@media (min-width:200px){
	.bleu h1{font-size:2.2em;}
	.bleu h2{ font-size:1.6em;}
	.bleu h3{ font-size:1.2em;}
	.bleu p.text-bigger{ font-size:1em;}
	#div-bc-gestion{padding-top:60px;}
	 #div-bc-anywhere{padding-top:60px; }
	 #div-bc-logiciels{padding-top:60px; }
	 #div-bc-partenaires{padding-top:100px; }
	#div-bc-ressources{padding-top:120px;}
	#div-bc-partenaires{padding-top:120px;}
	#div-bc-reference{padding-top:100px;}
	#div-web-solutions{padding-top:100px;}
	#div-contact{padding-top:100px;}
	.hr-lg{ display:none}
	.hr-sm{ display:block}
}
@media (min-width:360px){
	.bleu h1{font-size:2.2em;}
	.bleu h2{ font-size:1.6em;}
	.bleu h3{ font-size:1.2em;}
	.bleu p.text-bigger{ font-size:1em;}
	#div-bc-gestion{padding-top:60px; }
	 #div-bc-anywhere{padding-top:60px; }
	 #div-bc-logiciels{padding-top:60px; }
	 #div-bc-partenaires{padding-top:100px; }
	#div-bc-ressources{padding-top:120px; }
	#div-bc-partenaires{padding-top:120px; }
	#div-bc-reference{padding-top:100px; }
	#div-web-solutions{padding-top:100px;}
	#div-contact{padding-top:100px;}
	.hr-lg{ display:none}
}
@media (min-width:590px){
	.bleu h1{font-size:2.5em;}
	.bleu h2{ font-size:1.6em;}
	.bleu h3{ font-size:1.2em;}
	.bleu p.text-bigger{ font-size:1em;}
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources,#div-web-solutions, #div-contact{padding-top:140px; height:410px;}
	#div-bc-partenaires{padding-top:230px; height:410px;}
	section.gris h2 span,section.blanc h2 span {font-size: 1.2em;}
	.hr-lg{ display:none}
}
@media (min-width:768px){
	.bleu h1{font-size:3em;}
	.bleu h2{ font-size:2em;}
	.bleu h3{ font-size:1.3em;}
	.bleu p.text-bigger{ font-size:1em;}
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources,#div-contact{padding-top:140px; height:410px;}
	#div-bc-partenaires{padding-top:230px; height:410px;}
	section.gris h2 span,section.blanc h2 span {font-size:1.4em;}
	.hr-lg{ display:none}
}
@media (min-width:800px){
	.bleu h1{font-size:3em;}
	.bleu h2{ font-size:2em;}
	.bleu h3{ font-size:1.8em;}
	#div-bc-anywhere h3{font-size:1.5em;}
	.bleu p.text-bigger{ font-size:1.1em;}
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources, #div-contact{padding-top:160px; height:430px;}
	#div-bc-partenaires{padding-top:260px; height:430px;}
	section.gris h2 span,section.blanc h2 span {font-size:1.6em;}
	.hr-lg{ display:block}
	.hr-sm{ display:none}
}
@media (min-width:980px){
	.bleu h1{font-size:3.5em;}
	.bleu h2{ font-size:2.2em;}
	.bleu h3{ font-size:1.8em;}
	#div-bc-anywhere h3{font-size:1.8em;}
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources, #div-contact{padding-top:180px; height:450px;}
	#div-bc-partenaires{padding-top:280px; height:450px;}
	section.gris h2 span,section.blanc h2 span {font-size: 1.6em;}
	.hr-lg{ display:block}
}
@media (min-width:1024px){
	.bleu h1{font-size:4em;}
	.bleu h2{ font-size:2.5em;}
	.bleu h3{ font-size:2em;}
	#div-bc-anywhere h3{font-size:2em;}
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources{padding-top:200px; height:500px;}
	section.gris h2 span,section.blanc h2 span {font-size:1.8em;}
}
@media (min-width:1200px){
	#div-bc-gestion, #div-bc-anywhere,#div-bc-reference,#div-bc-logiciels,#div-bc-partenaires,#div-bc-ressources, #div-contact{  padding-top:200px; height:500px;}
	section.gris h2 span,section.blanc h2 span {font-size: 2em;}
}


.br{border-right:5px solid #fff;}
.bl{border-left:5px solid #fff;}
.bl2{border-left:10px solid #fff;}
.bb{border-bottom:5px solid #fff;}
.bt{border-top:5px solid #fff;}
.bt2{border-top:10px solid #fff;}
.height1{ height:350px;}
.height2{ height:175px;}
.bor{border:1px solid #CCC; margin-top:11px;}



#map-canvas{
	margin-top:30px;
	margin-left:0;
	margin-right:0;
	margin-bottom:50px;
	border:1px #999 solid;	
}
	
	

		

	
	
.color-gris{ color:#7d7d7d;}
.color-orange{ color:#f90; font-weight:bold;}

/*ROLL OVER SUR LOGOS PARTENAIRES*/



	.clearall{ clear:both; line-height:0px; height:0px;}
	
	
 	
	
	.navbar-inverse {background-color:#fff;margin-bottom:0;	padding:0;-webkit-box-shadow: 0 0 3px 0 #b4b3b3;	box-shadow: 0 0 3px 0 #b4b3b3; height:130px}
	.img-deco-block-gris{ display:block; position:absolute; bottom:00; right:0;}
	.img-deco-block-gris-gche{display:block; position:absolute; bottom:00; left:0;}
/*HEADER*/
	.navbar-brand{ position:fixed; height:20px}
	.container{width:98%;margin-right:1%; margin-left:1%;}
	.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	#navbar { background-color:#FFF; top:120px;  position:relative; left:0; padding-top:0px }
		#navbar li:first-child {border-left: 1px dotted #888; margin-left:auto; margin-right:auto;}
		#navbar  li a{ display:block; float:none;position:relative;  padding:10px 12px; font-size:90%; text-align:center; border-top:1px solid #488dc6;}
		/*Carrousel*/
	.carousel-inner{ height:334px; /*background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;*/}
	#index-carousel{ height:364px; padding-bottom:0px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:50px;}
	#index-carousel h1{ font-size:2em; margin:0; padding:0; line-height:1.5em; }
	#index-carousel h2{ font-size:1.5em;margin:0; padding:0;line-height:1.5em;  color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg{
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1),.item:nth-child(2),.item:nth-child(3) ,.item:nth-child(4) ,.item:nth-child(5),.item:nth-child(6),.item:nth-child(7),.item:nth-child(8) {
		background:#488dc6;
	}

@media (min-width:360px){
	.navbar-brand{ position:fixed; height:20px}
	.container{width:98%;margin-right:1%; margin-left:1%;}
	.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	#navbar { background-color:#FFF; top:120px;  position:relative; left:0; padding-top:0px }
	#navbar li:first-child {border-left: 1px dotted #888; margin-left:auto; margin-right:auto;}
	#navbar  li a{ display:block; float:none;position:relative;  padding:10px 12px; font-size:90%; text-align:center; border-top:1px solid #488dc6;}
	#navbar  li a.connexion{ color:#fff;}
}

@media (min-width:500px){
	.item:nth-child(1) {
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(2) {
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(3) {
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(4) {
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(5) {
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(6) {
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(7) {
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(8) {
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:contain;
	}
}

@media (min-width:526px){		
	.navbar-brand{ position:fixed; height:20px}
	.container{width:98%;margin-right:1%; margin-left:1%;}
	.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}
	#navbar { background-color:#FFF; top:120px;  position:relative; left:0; padding-top:0px }
	#navbar li:first-child {border-left: 1px dotted #888; margin-left:auto; margin-right:auto;}
	#navbar  li a{ display:block; float:none;position:relative;  padding:10px 12px; font-size:90%; text-align:center; border-top:1px solid #488dc6;}
	
}

@media (min-width:590px){
	.container{width:98%;margin-right:1%; margin-left:1%;}
	#navbar { width:500px; margin:0; position:fixed; top:32px; left:180px;  padding:0; background-color:transparent;	 }
	 #navbar .navbar-nav{ margin-top:15px; margin-left:0px;}
	#navbar li a{ display:inline; float:left;  padding:10px 12px; font-size:90%; text-align:center; border-top:0px solid #488dc6;}

	.carousel-indicators {bottom: 0px; margin-bottom:0;}
	
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left;padding:10px;}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-45{width:33.33333333%; float:left;}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:0%}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:0%}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0%}
}
@media (min-width:600px){
	.container{width:98%;margin-right:1%; margin-left:1%;}
		/*Carrousel*/
	.carousel-inner{ height:304px; /*background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;*/}
	#index-carousel{ height:334px; padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:120px;}
	#index-carousel h1{ font-size:2em; margin:0; padding:0; line-height:1em;}
	#index-carousel h2{ font-size:1.5em;margin:0; padding:0;line-height:1em; color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg{
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(2) {
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(3) {
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(4) {
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(5) {
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(6) {
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(7) {
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(8) {
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:contain;
	}
}
@media (min-width:640px){
	
}
@media (min-width:768px){	
	/*HEADER*/
	.container{width:98%;margin-right:1%; margin-left:1%;}
	#navbar  li:first-child {border-left: 1px dotted #888;}
	#navbar{ width:500px; margin:0 ; position:fixed; top:0px; left:200px;  padding:0; 
	-webkit-border-radius:0;border-radius: 0;
	-webkit-box-shadow: 0 0 0 0 #B4B3B3;box-shadow: 0 0 0 0 #B4B3B3;
	}
	#navbar .navbar-nav{ margin-top:36px; margin-left:0px;}
	#navbar  li a{ display:inline; float:left; padding:10px 12px; font-size:90%}
	/*Carrousel*/
	.carousel-inner{ height:324px; /*background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;*/}
	#index-carousel{ height:354px; padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:150px;}
	#index-carousel h1{ font-size:2em; margin:0; padding:0; line-height:1em;}
	#index-carousel h2{ font-size:1.5em;margin:0; padding:0;line-height:1em; color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg{
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(2) {
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(3) {
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(4) {
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(5) {
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(6) {
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(7) {
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(8) {
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:contain;
	}
	/* FON CONTENT*/
	.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}
	.col-sm-12{width:100%}
	.col-sm-11{width:91.66666667%}
	.col-sm-10{width:83.33333333%}
	.col-sm-9{width:75%}
	.col-sm-8{width:66.66666667%}
	.col-sm-7{width:58.33333333%}
	.col-sm-6{width:50%}
	.col-sm-5{width:41.66666667%}
	.col-sm-4{width:33.33333333%}
	.col-sm-45{width:33.33333333%; float:left;}
	.col-sm-3{width:25%}
	.col-sm-2{width:16.66666667%}
	.col-sm-1{width:8.33333333%}
	.col-sm-pull-12{right:100%}
	.col-sm-pull-11{right:91.66666667%}
	.col-sm-pull-10{right:83.33333333%}
	.col-sm-pull-9{right:75%}
	.col-sm-pull-8{right:66.66666667%}
	.col-sm-pull-7{right:58.33333333%}
	.col-sm-pull-6{right:50%}
	.col-sm-pull-5{right:41.66666667%}
	.col-sm-pull-4{right:33.33333333%}
	.col-sm-pull-3{right:25%}
	.col-sm-pull-2{right:16.66666667%}
	.col-sm-pull-1{right:8.33333333%}
	.col-sm-pull-0{right:0%}
	.col-sm-push-12{left:100%}
	.col-sm-push-11{left:91.66666667%}
	.col-sm-push-10{left:83.33333333%}
	.col-sm-push-9{left:75%}
	.col-sm-push-8{left:66.66666667%}
	.col-sm-push-7{left:58.33333333%}
	.col-sm-push-6{left:50%}
	.col-sm-push-5{left:41.66666667%}
	.col-sm-push-4{left:33.33333333%}
	.col-sm-push-3{left:25%}
	.col-sm-push-2{left:16.66666667%}
	.col-sm-push-1{left:8.33333333%}
	.col-sm-push-0{left:0%}
	.col-sm-offset-12{margin-left:100%}
	.col-sm-offset-11{margin-left:91.66666667%}
	.col-sm-offset-10{margin-left:83.33333333%}
	.col-sm-offset-9{margin-left:75%}
	.col-sm-offset-8{margin-left:66.66666667%}
	.col-sm-offset-7{margin-left:58.33333333%}
	.col-sm-offset-6{margin-left:50%}
	.col-sm-offset-5{margin-left:41.66666667%}
	.col-sm-offset-4{margin-left:33.33333333%}
	.col-sm-offset-3{margin-left:25%}
	.col-sm-offset-2{margin-left:16.66666667%}
	.col-sm-offset-1{margin-left:8.33333333%}
	.col-sm-offset-0{margin-left:0%}
	
 
}
@media (min-width:800px){
	/*HEADER*/
	.container{width:98%;margin-right:1%; margin-left:1%;}
	#navbar  li:first-child {border-left: 1px dotted #888;}
	#navbar { width:500px; margin:0; position:fixed; top:32px; left:260px;  padding:0; }
	#navbar .navbar-nav{ margin-top:8px; margin-left:0px;}
	#navbar  li a{ display:inline; float:left; padding:10px 12px; font-size:90%}
	/*Carrousel*/
	.carousel-inner{ height:324px; /*background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;*/}
	#index-carousel{ height:354px; padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:150px;}
	#index-carousel h1{ font-size:2em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:1.5em;margin:0; padding:0;line-height:1em; color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg{
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(2) {
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(3) {
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(4) {
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(5) {
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(6) {
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(7) {
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:contain;
	}
	.item:nth-child(8) {
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:contain;
	}
	/*////////////////////*/
	.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left;padding:10px;}
	.col-md-12{width:100%}
	.col-md-11{width:91.66666667%}
	.col-md-10{width:83.33333333%}
	.col-md-9{width:75%}
	.col-md-8{width:66.66666667%}
	.col-md-7{width:58.33333333%}
	.col-md-6{width:50%}
	.col-md-5{width:41.66666667%}
	.col-md-4{width:33.33333333%}
	.col-md-45{width:37%; float:left;}
	.col-md-3{width:25%}
	.col-md-3bis{width:25%}
	.col-md-2{width:16.66666667%}
	.col-md-1{width:8.33333333%}
	.col-md-pull-12{right:100%}
	.col-md-pull-11{right:91.66666667%}
	.col-md-pull-10{right:83.33333333%}
	.col-md-pull-9{right:75%}
	.col-md-pull-8{right:66.66666667%}
	.col-md-pull-7{right:58.33333333%}
	.col-md-pull-6{right:50%}
	.col-md-pull-5{right:41.66666667%}
	.col-md-pull-4{right:33.33333333%}
	.col-md-pull-3{right:25%}
	.col-md-pull-2{right:16.66666667%}
	.col-md-pull-1{right:8.33333333%}
	.col-md-pull-0{right:0%}
	.col-md-push-12{left:100%}
	.col-md-push-11{left:91.66666667%}
	.col-md-push-10{left:83.33333333%}
	.col-md-push-9{left:75%}
	.col-md-push-8{left:66.66666667%}
	.col-md-push-7{left:58.33333333%}
	.col-md-push-6{left:50%}
	.col-md-push-5{left:41.66666667%}
	.col-md-push-4{left:33.33333333%}
	.col-md-push-3{left:25%}
	.col-md-push-2{left:16.66666667%}
	.col-md-push-1{left:8.33333333%}
	.col-md-push-0{left:0%}
	.col-md-offset-12{margin-left:100%}
	.col-md-offset-11{margin-left:91.66666667%}
	.col-md-offset-10{margin-left:83.33333333%}
	.col-md-offset-9{margin-left:75%}
	.col-md-offset-8{margin-left:66.66666667%}
	.col-md-offset-7{margin-left:58.33333333%}
	.col-md-offset-6{margin-left:50%}
	.col-md-offset-5{margin-left:41.66666667%}
	.col-md-offset-4{margin-left:33.33333333%}
	.col-md-offset-3{margin-left:25%}
	.col-md-offset-2{margin-left:16.66666667%}
	.col-md-offset-1{margin-left:8.33333333%}
	.col-md-offset-0{margin-left:0%}

}
@media (min-width:834px){
	/*HEADER*/
	.container{width:98%;margin-right:1%; margin-left:1%;}
	#navbar li:first-child {border-left: 1px dotted #888;}
	#navbar{ width:500px; margin:0 auto; position:fixed; top:32px; left:260px;  padding:0; }
	#navbar li a{ display:inline; float:left; padding:10px 10px; font-size:90%}
	
}
@media (min-width:960px){
	#navbar{ width:650px; margin:0 auto; position:fixed; top:32px; left:260px;  padding:0; }
	/*Carrousel*/
	.carousel-inner{ height:336px;/* background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;*/}
	#index-carousel{ height:366px;padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:150px;}
	#index-carousel h1{ font-size:2.5em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:1.8em;margin:0; padding:0;line-height:1em; color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg{
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
  background: silver;
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}
@media (min-width:980px){
	/*HEADER*/
	.container{width:98%;margin-right:1%; margin-left:1%;}
	#navbar li:first-child {border-left: 1px dotted #888;}
	#navbar{ width:670px; margin:0 auto; position:fixed; top:32px; left:260px;  padding:0; }
	#navbar li a{ display:inline; float:left; padding:10px 15px; font-size:90%}
	
}
@media (min-width:992px){
	/*HEADER*/	
	.container{width:98%;margin-right:1%; margin-left:1%;}
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-45,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left; padding:10px;}
	.col-lg-12{width:100%}
	.col-lg-11{width:91.66666667%}
	.col-lg-10{width:83.33333333%}
	.col-lg-9{width:75%}
	.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}
	.col-lg-6{width:50%}	
	.col-lg-5{width:41.66666667%}
	.col-lg-4{width:33.33333333%}	
	.col-lg-45{width:37.5%;padding:0 15px 0 15px; margin:0}
	.col-lg-3{width:25%}
	.col-lg-3bis{width:25%; margin:0; padding:0}
	.col-lg-2{width:16.66666667%}
	.col-lg-1{width:8.33333333%}
	.col-lg-pull-12{right:100%}
	.col-lg-pull-11{right:91.66666667%}
	.col-lg-pull-10{right:83.33333333%}
	.col-lg-pull-9{right:75%}
	.col-lg-pull-8{right:66.66666667%}
	.col-lg-pull-7{right:58.33333333%}
	.col-lg-pull-6{right:50%}
	.col-lg-pull-5{right:41.66666667%}
	.col-lg-pull-4{right:33.33333333%}
	.col-lg-pull-3{right:25%}
	.col-lg-pull-2{right:16.66666667%}
	.col-lg-pull-1{right:8.33333333%}
	.col-lg-pull-0{right:0%}
	.col-lg-push-12{left:100%}
	.col-lg-push-11{left:91.66666667%}
	.col-lg-push-10{left:83.33333333%}
	.col-lg-push-9{left:75%}
	.col-lg-push-8{left:66.66666667%}
	.col-lg-push-7{left:58.33333333%}
	.col-lg-push-6{left:50%}
	.col-lg-push-5{left:41.66666667%}
	.col-lg-push-4{left:33.33333333%}
	.col-lg-push-3{left:25%}
	.col-lg-push-2{left:16.66666667%}
	.col-lg-push-1{left:8.33333333%}
	.col-lg-push-0{left:0%}
	.col-lg-offset-12{margin-left:100%}
	.col-lg-offset-11{margin-left:91.66666667%}
	.col-lg-offset-10{margin-left:83.33333333%}
	.col-lg-offset-9{margin-left:75%}
	.col-lg-offset-8{margin-left:66.66666667%}
	.col-lg-offset-7{margin-left:58.33333333%}	
	.col-lg-offset-6{margin-left:50%}	
	.col-lg-offset-1{margin-left:8.33333333%}
	.col-lg-offset-0{margin-left:0%}
	.col-lg-offset-5{margin-left:41.66666667%}
	.col-lg-offset-4{margin-left:33.33333333%}
	.col-lg-offset-3{margin-left:25%}
	.col-lg-offset-2{margin-left:16.66666667%}
	}
@media (min-width:1024px){
	/*HEADER*/
	.container{width:990px;margin-left:auto; margin-right:auto;}
	#navbar li:first-child {border-left: 1px dotted #888;}
	#navbar{ width:680px; margin:0 auto; position:relative; top:32px; left:100px;  padding:0; }
	#navbar li a{ display:inline; float:left; padding:10px 15px; font-size:90%}
	/*Carrousel*/
	.carousel-inner{ height:351px;}
	#index-carousel{ height:381px;padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:170px;}
	#index-carousel h1{ font-size:2.5em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:1.8em;margin:0; padding:0;line-height:1em;  color:#fff}
	#index-carousel p{ font-size:1em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg {
    padding: 12px 20px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
  background: silver;
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}

@media (min-width:1200px){
	/*HEADER*/
	.container{width:1170px;margin-left:auto; margin-right:auto;margin-bottom:0;}
	#navbar li:first-child {border-left: 1px dotted #888;}
	#navbar{ width:780px; margin:0 auto; position:relative; top:32px; left:100px;  padding:0; }
	#navbar li a{ display:inline; float:left; padding:10px 15px; font-size:90%}
	/*Carrousel*/
	.carousel-inner{ height:412px;}
	#index-carousel{ height:442px; padding-bottom:30px; }		
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:180px;}
	#index-carousel h1{ font-size:3.5em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:2em;margin:0; padding:0;line-height:1em;  color:#fff}
	#index-carousel p{ font-size:1.5em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	#index-carousel .btn-lg {
    padding: 17px 27px;
    font-size: 19px;
    line-height: 1.33;
    border-radius: 6px;
	}
	.item:nth-child(1) {
  background: silver;
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}
@media (min-width:1500px){
	/*Carrousel*/
	.carousel-inner{ height:460px;}
	#index-carousel{ height:490px; padding-bottom:30px; }
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:230px;}
	#index-carousel h1{ font-size:3.5em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:2em;margin:0; padding:0;line-height:1em;  color:#fff}
	#index-carousel p{ font-size:1.5em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	.item:nth-child(1) {
		background: silver;
		background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}
@media (min-width:1600px){
	/*Carrousel*/
	.carousel-inner{ height:480px;}
	#index-carousel{ height:510px; padding-bottom:30px;}
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:240px;}
	#index-carousel h1{ font-size:4em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:2.5em;margin:0; padding:0;line-height:1em; color:#fff}
	#index-carousel p{ font-size:1.5em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	.item:nth-child(1) {
  background: silver;
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}
@media (min-width:1800px){
	/*Carrousel*/
	.carousel-inner{ height:470px;}
	#index-carousel{ height:500px; padding-bottom:30px; }
	#index-carousel .carousel-caption { width:100%; margin-left:0; margin-right:0; padding-top:220px;}
	#index-carousel h1{ font-size:4em; margin:0; padding:0; line-height:1em; }
	#index-carousel h2{ font-size:2.5em;margin:0; padding:0;line-height:1em;  color:#fff}
	#index-carousel p{ font-size:1.5em; font-family: 'raleway-bold',arial, sans-serif;margin:0 0 20px 0; padding:0;}
	.item:nth-child(1) {
  background: silver;
	background-image:url(../img/slide/vue01.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(2) {
		background: silver;
		background-image:url(../img/slide/vue02.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(3) {
		background: silver;
		background-image:url(../img/slide/vue03.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(4) {
		background: silver;
		background-image:url(../img/slide/vue04.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(5) {
		background: silver;
		background-image:url(../img/slide/vue05.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(6) {
		background: silver;
		background-image:url(../img/slide/vue06.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(7) {
		background: silver;
		background-image:url(../img/slide/vue07.jpg); background-repeat:no-repeat; background-size:cover;
	}
	.item:nth-child(8) {
		background: silver;
		background-image:url(../img/slide/vue08.jpg); background-repeat:no-repeat; background-size:cover;
	}
}
	#index-carousel{ background:#488dc6; margin-top:30px;}
	#index-carousel .carousel-inner{ background:#488dc6;}
	#index-carousel h1{ font-family: 'raleway-heavy',arial, sans-serif;text-shadow:0 0px 2px rgba(255,255,255,0.9); color:#002f57;  }
	#index-carousel h2{font-family: 'raleway-bold',arial, sans-serif;/*text-shadow:0 1px 2px rgba(255,255,255,0.9); */ }
	#index-carousel p{ color:#002f57; text-shadow:0 0px 2px rgba(255,255,255,0.9);   }
	#index-carousel .btn-primary{ background-color:#1C4D76; border-color:#1a4569; display:inline;}
	#index-carousel .btn-primary:hover, #index-carousel .btn-primary:focus,#index-carousel.btn-primary:active{color:#ffffff;background-color:#174163;border-color:#153a58}
	.ul-sans{ list-style:none; padding-left:5px; }
	.mt100{margin-top:200px ;}
	
	
		#btn-up{ width:40px; height:40px; background:#488dc6;position: fixed;
		/*bottom: 50px;
		right: 50%;*/
		cursor: pointer; display:none;
		padding:0;margin:0;
		-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		opacity:0.8;z-index:10000;
	}
	#btn-up:after{font-family:'Glyphicons Halflings';
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		content:"\e113";
		font-size:2em;
		line-height:1em;
		color:#fff;
		padding-left:5px;
	}
@media (min-width:360px){#btn-up{ bottom: 50px;right: 20px;}}
@media (min-width:768px){#btn-up{ bottom: 50px;right: 40px;}}
@media (min-width:800px){#btn-up{ bottom: 50px;right: 10%;}}
@media (min-width:1024px){#btn-up{ bottom: 20px;right: 50%;}}
	
	
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}


/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0)
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.m-reset, .ma0 {
	margin: 0;
}
.p-reset, .pa0 {
	padding: 0;
}
.ma1, .mas {
	margin: 0;
}
.ma2, .mam {
	margin: 0;
}
.ma3, .mal {
	margin: 0;
}
.pa1, .pas {
	padding: 0;
}
.pa2, .pam {
	padding: 0;
}
.pa3, .pal {
	padding: 0;
}
.mt0, .mtn {
	margin-top: 0;
}
.mt1, .mts {
	margin-top: 10px;
}
.mt2, .mtm {
	margin-top: 20px;
}
.mt3, .mtl {
	margin-top: 30px;
}
.mt4 {
	margin-top: 40px;
}
.mt5 {
	margin-top: 50px;
}
.mr0, .mrn {
	margin-right: 0;
}
.mr1, .mrs {
	margin-right: 10px;
}
.mr2, .mrm {
	margin-right: 20px;
}
.mr3, .mrl {
	margin-right: 30px;
}
.mb0, .mbn {
	margin-bottom: 0;
}
.mb1, .mbs {
	margin-bottom: 10px;
}
.mb2, .mbm {
	margin-bottom: 20px;
}
.mb3, .mbl {
	margin-bottom: 30px;
}
.mb5 {
	margin-bottom: 50px;
}
.ml0, .mln {
	margin-left: 0;
}
.ml1, .mls {
	margin-left: 10px;
}
.ml2, .mlm {
	margin-left: 20px;
}
.ml3, .mll {
	margin-left: 30px;
}
.pt0, .ptn {
	padding-top: 0;
}
.pt1, .pts {
	padding-top: 10px;
}
.pt2, .ptm {
	padding-top: 20px;
}
.pt3, .ptl {
	padding-top: 30px;
}
.pr0, .prn {
	padding-right: 0;
}
.pr1, .prs {
	padding-right: 10px;
}
.pr2, .prm {
	padding-right: 20px;
}
.pr3, .prl {
	padding-right: 30px;
}
.pb0, .pbn {
	padding-bottom: 0;
}
.pb1, .pbs {
	padding-bottom: 10px;
}
.pb2, .pbm {
	padding-bottom: 20px;
}
.pb3, .pbl {
	padding-bottom: 30px;
}
.pl0, .pln {
	padding-left: 0;
}
.pl1, .pls {
	padding-left: 10px;
}
.pl2, .plm {
	padding-left: 20px;
}
.pl3, .pll {
	padding-left: 30px;
}
.plr1 {
	padding-left: 10px;
	padding-right: 10px
}
plr2 {
	padding-left: 20px;
	padding-right: 20px
}
.pad10 {
	padding: 10px 10px 10px 10px;
}
.pad20 {
	padding: 20px 20px 20px 20px;
}
.pad30 {
	padding: 30px 30px 30px 30px;
}
.mtb50 {
	margin: 50px 0;
}
.margin-10 {
	margin: 10px;
}