Solution pour suprimer une marge de la page d'accueil

demiseldemisel Member
Bonsoir,

Je cherche comme indiqué dans le titre à supprimer une marge qui se trouve a droite de ma page ici pour que les blocs qui y sont placés puissent occuper l'espace sur toute la largeur mais uniquement sur cette page. J'ai volontairement mis un peu de couleur pour mieux
voir.

Je pense que le problème est au niveau de
[== CSS ==]
.col-lg-9,
mais je suis pas sûr, quand je la passe au dessus de 82% tout le contenu disparait :
[== Indéfini ==]
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6 ,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
	position:relative;
	min-height:1px;
	padding-left:15px;
	padding-right:15px
}

Et là :
[== CSS ==]
@media (min-width:1200px){
	.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.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
	}

	.col-lg-12{
		width:100%
	}

	.col-lg-11{
		width:91.66666666666666%
	}

	.col-lg-10{
		width:83.33333333333334%
	}

	.col-lg-9{
		width:75%
	}

	.col-lg-8{
		width:66.66666666666666%
	}

	.col-lg-7{
		width:58.333333333333336%
	}

	.col-lg-6{
		width:50%
	}

	.col-lg-5{
		width:41.66666666666667%
	}

	.col-lg-4{
		width:33.33333333333333%
	}

	.col-lg-3{
		width:19%;
		border-right:2px solid #fec00b;
	}

	.col-lg-2{
		width:16.666666666666664%
	}

	.col-lg-1{
		width:8.333333333333332%
	}

	.col-lg-pull-12{
		right:100%
	}

	.col-lg-pull-11{
		right:91.66666666666666%
	}

	.col-lg-pull-10{
		right:83.33333333333334%
	}

	.col-lg-pull-9{
		right:75%
	}

	.col-lg-pull-8{
		right:66.66666666666666%
	}

	.col-lg-pull-7{
		right:58.333333333333336%
	}

	.col-lg-pull-6{
		right:50%
	}

	.col-lg-pull-5{
		right:41.66666666666667%
	}

	.col-lg-pull-4{
		right:33.33333333333333%
	}

	.col-lg-pull-3{
		right:25%
	}

	.col-lg-pull-2{
		right:16.666666666666664%
	}

	.col-lg-pull-1{
		right:8.333333333333332%
	}

	.col-lg-pull-0{
		right:0
	}

	.col-lg-push-12{
		left:100%
	}

	.col-lg-push-11{
		left:91.66666666666666%
	}

	.col-lg-push-10{
		left:83.33333333333334%
	}

	.col-lg-push-9{
		left:75%
	}

	.col-lg-push-8{
		left:66.66666666666666%
	}

	.col-lg-push-7{
		left:58.333333333333336%
	}

	.col-lg-push-6{
		left:50%
	}

	.col-lg-push-5{
		left:41.66666666666667%
	}

	.col-lg-push-4{
		left:33.33333333333333%
	}

	.col-lg-push-3{
		left:25%
	}

	.col-lg-push-2{
		left:16.666666666666664%
	}

	.col-lg-push-1{
		left:8.333333333333332%
	}

	.col-lg-push-0{
		left:0
	}

	.col-lg-offset-12{
		margin-left:100%
	}

	.col-lg-offset-11{
		margin-left:91.66666666666666%
	}

	.col-lg-offset-10{
		margin-left:83.33333333333334%
	}

	.col-lg-offset-9{
		margin-left:75%
	}

	.col-lg-offset-8{
		margin-left:66.66666666666666%
	}

	.col-lg-offset-7{
		margin-left:58.333333333333336%
	}

	.col-lg-offset-6{
		margin-left:50%
	}

	.col-lg-offset-5{
		margin-left:41.66666666666667%
	}

	.col-lg-offset-4{
		margin-left:33.33333333333333%
	}

	.col-lg-offset-3{
		margin-left:25%
	}

	.col-lg-offset-2{
		margin-left:16.666666666666664%
	}

	.col-lg-offset-1{
		margin-left:8.333333333333332%
	}

	.col-lg-offset-0{
		margin-left:0
	}

}

Je cherche de l'aide mais aussi à comprendre le fonctionnement du bidule.
Je supose que XS veut dire Extra short, sm = semi medium, md= medium etc ... mais les offset ? et tous les chiffres apres la virgule, c'est ultra précision
mais ultra chiant pour quand on veut virer une marge :D

y fera jour demain....

Réponses

  • Voici les modifications que je te propose :
    [code]
    [== CSS ==]
    @import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
    @import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700);
    @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
    @import url(http://fonts.googleapis.com/css?family=Yesteryear);
    /*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
    }

    body{
    margin:0
    }
    /*! MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS */
    .navtop_menu {
    float: left;
    /*background: #F4F6F9;*/
    position: absolute;
    /*background: #EDEDED;*/
    background: rgba(0, 0, 0, 0) url("http://vbzh82.free.fr/PluXml/themes/flat/img/bkg-right.gif";) repeat scroll 0 0;
    margin-left: 226px;
    width: 100%;
    height:58px;
    z-index: 10;
    position:relative;
    }

    @media screen and (max-width: 1024px) {
    .navtop_menu { visibility: hidden;}
    }

    #page{
    /*! max-width:1200px; */
    /*margin:0 auto;*/
    position:absolute;
    background:#fff;
    width: 100%;
    }

    #page:before{
    content:"";
    display:block;
    position:absolute;
    height:100%;
    width:228px;
    background:#2a3f54
    }

    @media (max-width:1199px){
    #page{
    background:0;
    }

    #page:before{
    display:none;
    }

    #page>.container{
    background:#2a3f54
    }

    }


    #masthead .site-title{
    font-family:Yesteryear;
    background: url("/PluXml/themes/flat/img/logo_gasbe.png") no-repeat ;
    line-height:50px;
    font-size:1px;
    margin:0;
    margin-top: 19px;
    padding-top: 19px;
    padding-bottom: 4px;

    text-align:left
    }

    @media (max-width:1199px){
    #masthead .site-title{
    background: url("/PluXml/themes/flat/img/logo_gasbe_mobile.png") no-repeat ;
    margin-top: 7px;
    margin-left: 4px;
    padding:4px 4px 2px 4px;
    font-family: Yesteryear;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,.1);
    }
    }

    .x_panel {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
    }

    .fixed_height_320 {
    height: 0 auto;
    }

    .x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
    font-family: 'Stardos Stencil', cursive;
    /*font-family: 'Fredericka the Great', cursive;*/
    }

    .x_title .filter {
    width: 40%;
    float: right;
    }

    .x_title h2 {
    margin: 5px 0 6px;
    float: left;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Stardos Stencil', cursive;
    /*font-family: 'Fredericka the Great', cursive;*/
    }

    .x_title h2 small {
    margin-left: 10px;
    }

    .x_title span {
    color: #BDBDBD;
    }

    @media (max-width: 1200px) {
    .x_title h2 {
    width: 62%;
    font-size: 17px;
    }
    .tile,
    .graph {
    zoom: 85%;
    height: inherit;
    }
    }

    @media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
    display: none
    }
    }
    .panel_toolbox {
    float: right;
    min-width: 70px;
    }

    .panel_toolbox>li {
    float: left;
    }

    .panel_toolbox>li>a {
    padding: 5px;
    color: #C5C7CB;
    font-size: 14px;
    }

    .panel_toolbox>li>a:hover {
    background: #F5F7FA;
    }

    .navbar-right {
    margin-right: 0;
    }

    .top_nav .navbar-right {
    margin: 0;
    width: 70%;
    float: right;
    }

    .top_nav .navbar-right li {
    display: inline-block;
    float: right;
    }
    .x_content canvas {}

    .x_content {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
    }

    .x_content h4 {
    font-size: 16px;
    font-weight: 500;
    }
    .nav.child_menu > li > a {
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 12px;
    padding: 9px;
    font-family: "Lucida Console", Helvetica Neue, Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.471;
    }
    /*! MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS MODIFS */

    article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
    }

    audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
    }

    audio:not([controls]){
    display:none;
    height:0
    }

    [hidden],template{
    display:none
    }

    a{
    background:transparent
    }

    a:active,a:hover{
    outline:0
    }

    abbr[title]{
    border-bottom:1px dotted
    }

    b,strong{
    font-weight:700
    }

    dfn{
    font-style:italic
    }

    h1{
    font-size:2em;
    margin:.67em 0
    }

    mark{
    background:#ff0;
    color:#000
    }

    small{
    font-size:80%
    }

    sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
    }

    sup{
    top:-.5em
    }

    sub{
    bottom:-.25em
    }

    img{
    border:0
    }

    svg:not(:root){
    overflow:hidden
    }

    figure{
    margin:1em 40px
    }

    hr{
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    height:0
    }

    pre{
    overflow:auto
    }

    code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
    }

    button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
    }

    button{
    overflow:visible
    }

    button,select{
    text-transform:none
    }

    button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
    }

    button[disabled],html input[disabled]{
    cursor:default
    }

    button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
    }

    input{
    line-height:normal
    }

    input[type=checkbox],input[type=radio]{
    box-sizing:border-box;
    padding:0
    }

    input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
    }

    input[type=search]{
    -webkit-appearance:textfield;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
    }

    input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
    }

    fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
    }

    legend{
    border:0;
    padding:0
    }

    textarea{
    overflow:auto
    }

    optgroup{
    font-weight:700
    }

    table{
    border-collapse:collapse;
    border-spacing:0
    }

    td,th{
    padding:0
    }

    @media print{
    *{
    text-shadow:none!important;
    color:#000!important;
    background:transparent!important;
    box-shadow:none!important
    }

    a,a:visited{
    text-decoration:underline
    }

    a[href]:after{
    content:" (" attr(href) ")"
    }

    abbr[title]:after{
    content:" (" attr(title) ")"
    }

    a[href^="javascript:"]:after,a[href^="#"]:after{
    content:""
    }

    pre,blockquote{
    border:1px solid #999;
    page-break-inside:avoid
    }

    thead{
    display:table-header-group
    }

    tr,img{
    page-break-inside:avoid
    }

    img{
    max-width:100%!important
    }

    p,h2,h3{
    orphans:3;
    widows:3
    }

    h2,h3{
    page-break-after:avoid
    }

    select{
    background:#fff!important
    }

    .navbar{
    display:none
    }

    .table td,.table th{
    background-color:#fff!important
    }

    .btn>.caret,.dropup>.btn>.caret{
    border-top-color:#000!important
    }

    .label{
    border:1px solid #000
    }

    .table{
    border-collapse:collapse!important
    }

    .table-bordered th,.table-bordered td{
    border:1px solid #ddd!important
    }

    }

    *{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
    }

    :before,:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
    }

    html{
    font-size:62.5%;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
    }

    body{
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-size: 13px;
    line-height: 1.571;
    color:#555;
    background-color:#fff
    }




    input,button,select,textarea{
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
    }

    a{
    color:#1abc9c;
    text-decoration:none
    }

    a:hover,a:focus{
    color:#117964;
    text-decoration:underline
    }

    a:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
    }

    figure{
    margin:0
    }

    img{
    vertical-align:middle
    }

    .img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{
    display:block;
    max-width:100%;
    height:auto
    }

    .img-rounded{
    border-radius:6px
    }

    .img-thumbnail{
    padding:4px;
    line-height:1.625;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:4px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    display:inline-block;
    max-width:100%;
    height:auto
    }

    .img-circle{
    border-radius:50%
    }

    hr{
    margin-top:26px;
    margin-bottom:26px;
    border:0;
    border-top:1px solid #eee
    }

    .sr-only{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0
    }

    h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:"Roboto Slab";
    font-weight:500;
    line-height:1.2;
    color:#2c3e50
    }

    h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{
    font-weight:400;
    line-height:1;
    color:#999
    }

    h1,.h1,h2,.h2,h3,.h3{
    margin-top:26px;
    margin-bottom:13px
    }

    h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{
    font-size:65%
    }

    h4,.h4,h5,.h5,h6,.h6{
    margin-top:13px;
    margin-bottom:13px
    }

    h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{
    font-size:75%
    }

    h1,.h1{
    font-size:36px
    }

    h2,.h2{
    font-size: 22px;
    font-weight: 400;
    }

    h3,.h3{
    font-size:24px
    }

    h4,.h4{
    font-size:18px
    }

    h5,.h5{
    font-size:16px
    }

    h6,.h6{
    font-size:12px
    }

    p{
    margin:0 0 13px
    }

    .lead{
    margin-bottom:26px;
    font-size:18px;
    font-weight:200;
    line-height:1.4
    }

    @media (min-width:768px){
    .lead{
    font-size:24px
    }

    }

    small,.small{
    font-size:85%
    }

    cite{
    font-style:normal
    }

    .text-left{
    text-align:left
    }

    .text-right{
    text-align:right
    }

    .text-center{
    text-align:center
    }

    .text-justify{
    text-align:justify
    }

    .text-muted{
    color:#999
    }

    .text-primary{
    color:#1abc9c
    }

    a.text-primary:hover{
    color:#148f77
    }

    .text-success{
    color:#2ecc71
    }

    a.text-success:hover{
    color:#25a25a
    }

    .text-info{
    color:#3498db
    }

    a.text-info:hover{
    color:#217dbb
    }

    .text-warning{
    color:#e67e22
    }

    a.text-warning:hover{
    color:#bf6516
    }

    .text-danger{
    color:#e74c3c
    }

    a.text-danger:hover{
    color:#d62c1a
    }

    .bg-primary{
    color:#fff;
    background-color:#1abc9c
    }

    a.bg-primary:hover{
    background-color:#148f77
    }

    .bg-success{
    background-color:#f0faf8
    }

    a.bg-success:hover{
    background-color:#caede6
    }

    .bg-info{
    background-color:#f9fafb
    }

    a.bg-info:hover{
    background-color:#dae1e7
    }

    .bg-warning{
    background-color:#faf9f7
    }

    a.bg-warning:hover{
    background-color:#e6e1d8
    }

    .bg-danger{
    background-color:#faf8f7
    }

    a.bg-danger:hover{
    background-color:#e6ddd8
    }

    .page-header{
    padding-bottom:12px;
    margin:52px 0 26px;
    border-bottom:1px solid #eee
    }

    ul,ol{
    margin-top:0;
    margin-bottom:13px
    }

    ul ul,ol ul,ul ol,ol ol{
    margin-bottom:0
    }

    .list-unstyled{
    padding-left:0;
    list-style:none
    }

    .list-inline{
    padding-left:0;
    list-style:none;
    margin-left:-5px
    }

    .list-inline>li{
    display:inline-block;
    padding-left:5px;
    padding-right:5px
    }

    dl{
    margin-top:0;
    margin-bottom:26px
    }

    dt,dd{
    line-height:1.625
    }

    dt{
    font-weight:700
    }

    dd{
    margin-left:0
    }

    @media (min-width:1200px){
    .dl-horizontal dt{
    float:left;
    width:160px;
    clear:left;
    text-align:right;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
    }

    .dl-horizontal dd{
    margin-left:180px
    }

    }

    abbr[title],abbr[data-original-title]{
    cursor:help;
    border-bottom:1px dotted #999
    }

    .initialism{
    font-size:90%;
    text-transform:uppercase
    }

    blockquote{
    padding:13px 26px;
    margin:0 0 26px;
    font-size:20px;
    border-left:5px solid #eee
    }

    blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{
    margin-bottom:0
    }

    blockquote footer,blockquote small,blockquote .small{
    display:block;
    font-size:80%;
    line-height:1.625;
    color:#999
    }

    blockquote footer:before,blockquote small:before,blockquote .small:before{
    content:'\2014 \00A0'
    }

    .blockquote-reverse,blockquote.pull-right{
    padding-right:15px;
    padding-left:0;
    border-right:5px solid #eee;
    border-left:0;
    text-align:right
    }

    .blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{
    content:''
    }

    .blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{
    content:'\00A0 \2014'
    }

    blockquote:before,blockquote:after{
    content:""
    }

    address{
    margin-bottom:26px;
    font-style:normal;
    line-height:1.625
    }

    code,kbd,pre,samp{
    font-family:Menlo,Monaco,Consolas,"Courier New",monospace
    }

    code{
    padding:2px 4px;
    font-size:90%;
    color:#c7254e;
    background-color:#f9f2f4;
    white-space:nowrap;
    border-radius:4px
    }

    kbd{
    padding:2px 4px;
    font-size:90%;
    color:#fff;
    background-color:#333;
    border-radius:3px;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)
    }

    pre{
    display:block;
    padding:12.5px;
    margin:0 0 13px;
    font-size:15px;
    line-height:1.625;
    word-break:break-all;
    word-wrap:break-word;
    color:#333;
    background-color:#f5f5f5;
    border:1px solid #ccc;
    border-radius:4px
    }

    pre code{
    padding:0;
    font-size:inherit;
    color:inherit;
    white-space:pre-wrap;
    background-color:transparent;
    border-radius:0
    }

    .pre-scrollable{
    max-height:340px;
    overflow-y:scroll
    }

    .container{
    margin-right:auto;
    margin-left:auto;
    /*! padding-left:15px; */
    /*! padding-right:15px */
    }

    @media (min-width:768px){
    .container{
    width:100%;
    }

    }

    @media (min-width:992px){
    .container{
    width:100%;
    }

    }

    @media (min-width:1200px){
    .container{
    position:relative;
    width: 100%;
    background-color: #2A3F54;
    }

    }

    .container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
    }

    .row{
    margin-top: 58px;
    }

    h3.degrees {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    }

    .degrees:after {
    content: "o";
    position: relative;
    top: -12px;
    font-size: 13px;
    font-weight: 300;
    }

    .daily-weather .day {
    font-size: 14px;
    border-top: 2px solid rgba(115, 135, 156, 0.36);
    text-align: center;
    border-bottom: 2px solid rgba(115, 135, 156, 0.36);
    padding: 5px 0;
    }

    .weather-days .col-sm-2 {
    overflow: hidden;
    width: 16.66666667%;
    }

    .weather .row {
    margin-bottom: 0
    }

    .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
    }

    .col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    float:left
    }

    .col-xs-12{
    width:100%
    }

    .col-xs-11{
    width:91.66666666666666%
    }

    .col-xs-10{
    width:83.33333333333334%
    }

    .col-xs-9{
    width:75%
    }

    .col-xs-8{
    width:66.66666666666666%
    }

    .col-xs-7{
    width:58.333333333333336%
    }

    .col-xs-6{
    width:50%
    }

    .col-xs-5{
    width:41.66666666666667%
    }

    .col-xs-4{
    width:33.33333333333333%
    }

    .col-xs-3{
    width:25%
    }

    .col-xs-2{
    width:16.666666666666664%
    }

    .col-xs-1{
    width:8.333333333333332%
    }

    .col-xs-pull-12{
    right:100%
    }

    .col-xs-pull-11{
    right:91.66666666666666%
    }

    .col-xs-pull-10{
    right:83.33333333333334%
    }

    .col-xs-pull-9{
    right:75%
    }

    .col-xs-pull-8{
    right:66.66666666666666%
    }

    .col-xs-pull-7{
    right:58.333333333333336%
    }

    .col-xs-pull-6{
    right:50%
    }

    .col-xs-pull-5{
    right:41.66666666666667%
    }

    .col-xs-pull-4{
    right:33.33333333333333%
    }

    .col-xs-pull-3{
    right:25%
    }

    .col-xs-pull-2{
    right:16.666666666666664%
    }

    .col-xs-pull-1{
    right:8.333333333333332%
    }

    .col-xs-pull-0{
    right:0
    }

    .col-xs-push-12{
    left:100%
    }

    .col-xs-push-11{
    left:91.66666666666666%
    }

    .col-xs-push-10{
    left:83.33333333333334%
    }

    .col-xs-push-9{
    left:75%
    }

    .col-xs-push-8{
    left:66.66666666666666%
    }

    .col-xs-push-7{
    left:58.333333333333336%
    }

    .col-xs-push-6{
    left:50%
    }

    .col-xs-push-5{
    left:41.66666666666667%
    }

    .col-xs-push-4{
    left:33.33333333333333%
    }

    .col-xs-push-3{
    left:25%
    }

    .col-xs-push-2{
    left:16.666666666666664%
    }

    .col-xs-push-1{
    left:8.333333333333332%
    }

    .col-xs-push-0{
    left:0
    }

    .col-xs-offset-12{
    margin-left:100%
    }

    .col-xs-offset-11{
    margin-left:91.66666666666666%
    }

    .col-xs-offset-10{
    margin-left:83.33333333333334%
    }

    .col-xs-offset-9{
    margin-left:75%
    }

    .col-xs-offset-8{
    margin-left:66.66666666666666%
    }

    .col-xs-offset-7{
    margin-left:58.333333333333336%
    }

    .col-xs-offset-6{
    margin-left:50%
    }

    .col-xs-offset-5{
    margin-left:41.66666666666667%
    }

    .col-xs-offset-4{
    margin-left:33.33333333333333%
    }

    .col-xs-offset-3{
    margin-left:25%
    }

    .col-xs-offset-2{
    margin-left:16.666666666666664%
    }

    .col-xs-offset-1{
    margin-left:8.333333333333332%
    }

    .col-xs-offset-0{
    margin-left:0
    }

    @media (min-width:768px){
    .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.66666666666666%
    }

    .col-sm-10{
    width:83.33333333333334%
    }

    .col-sm-9{
    width:75%
    }

    .col-sm-8{
    width:66.66666666666666%
    }

    .col-sm-7{
    width:58.333333333333336%
    }

    .col-sm-6{
    width:50%
    }

    .col-sm-5{
    width:41.66666666666667%
    }

    .col-sm-4{
    width:33.33333333333333%
    }

    .col-sm-3{
    width:25%
    }

    .col-sm-2{
    width:16.666666666666664%
    }

    .col-sm-1{
    width:8.333333333333332%
    }

    .col-sm-pull-12{
    right:100%
    }

    .col-sm-pull-11{
    right:91.66666666666666%
    }

    .col-sm-pull-10{
    right:83.33333333333334%
    }

    .col-sm-pull-9{
    right:75%
    }

    .col-sm-pull-8{
    right:66.66666666666666%
    }

    .col-sm-pull-7{
    right:58.333333333333336%
    }

    .col-sm-pull-6{
    right:50%
    }

    .col-sm-pull-5{
    right:41.66666666666667%
    }

    .col-sm-pull-4{
    right:33.33333333333333%
    }

    .col-sm-pull-3{
    right:25%
    }

    .col-sm-pull-2{
    right:16.666666666666664%
    }

    .col-sm-pull-1{
    right:8.333333333333332%
    }

    .col-sm-pull-0{
    right:0
    }

    .col-sm-push-12{
    left:100%
    }

    .col-sm-push-11{
    left:91.66666666666666%
    }

    .col-sm-push-10{
    left:83.33333333333334%
    }

    .col-sm-push-9{
    left:75%
    }

    .col-sm-push-8{
    left:66.66666666666666%
    }

    .col-sm-push-7{
    left:58.333333333333336%
    }

    .col-sm-push-6{
    left:50%
    }

    .col-sm-push-5{
    left:41.66666666666667%
    }

    .col-sm-push-4{
    left:33.33333333333333%
    }

    .col-sm-push-3{
    left:25%
    }

    .col-sm-push-2{
    left:16.666666666666664%
    }

    .col-sm-push-1{
    left:8.333333333333332%
    }

    .col-sm-push-0{
    left:0
    }

    .col-sm-offset-12{
    margin-left:100%
    }

    .col-sm-offset-11{
    margin-left:91.66666666666666%
    }

    .col-sm-offset-10{
    margin-left:83.33333333333334%
    }

    .col-sm-offset-9{
    margin-left:75%
    }

    .col-sm-offset-8{
    margin-left:66.66666666666666%
    }

    .col-sm-offset-7{
    margin-left:58.333333333333336%
    }

    .col-sm-offset-6{
    margin-left:50%
    }

    .col-sm-offset-5{
    margin-left:41.66666666666667%
    }

    .col-sm-offset-4{
    margin-left:33.33333333333333%
    }

    .col-sm-offset-3{
    margin-left:25%
    }

    .col-sm-offset-2{
    margin-left:16.666666666666664%
    }

    .col-sm-offset-1{
    margin-left:8.333333333333332%
    }

    .col-sm-offset-0{
    margin-left:0
    }

    }

    @media (min-width:992px){
    .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
    }

    .col-md-12{
    width:100%
    }

    .col-md-11{
    width:91.66666666666666%
    }

    .col-md-10{
    width:83.33333333333334%
    }

    .col-md-9{
    width:75%
    }

    .col-md-8{
    width:66.66666666666666%
    }

    .col-md-7{
    width:58.333333333333336%
    }

    .col-md-6{
    width:50%
    }

    .col-md-5{
    width:41.66666666666667%
    }

    .col-md-4{
    width:33.33333333333333%
    }

    .col-md-3{
    width:25%
    }

    .col-md-2{
    width:16.666666666666664%
    }

    .col-md-1{
    width:8.333333333333332%
    }

    .col-md-pull-12{
    right:100%
    }

    .col-md-pull-11{
    right:91.66666666666666%
    }

    .col-md-pull-10{
    right:83.33333333333334%
    }

    .col-md-pull-9{
    right:75%
    }

    .col-md-pull-8{
    right:66.66666666666666%
    }

    .col-md-pull-7{
    right:58.333333333333336%
    }

    .col-md-pull-6{
    right:50%
    }

    .col-md-pull-5{
    right:41.66666666666667%
    }

    .col-md-pull-4{
    right:33.33333333333333%
    }

    .col-md-pull-3{
    right:25%
    }

    .col-md-pull-2{
    right:16.666666666666664%
    }

    .col-md-pull-1{
    right:8.333333333333332%
    }

    .col-md-pull-0{
    right:0
    }

    .col-md-push-12{
    left:100%
    }

    .col-md-push-11{
    left:91.66666666666666%
    }

    .col-md-push-10{
    left:83.33333333333334%
    }

    .col-md-push-9{
    left:75%
    }

    .col-md-push-8{
    left:66.66666666666666%
    }

    .col-md-push-7{
    left:58.333333333333336%
    }

    .col-md-push-6{
    left:50%
    }

    .col-md-push-5{
    left:41.66666666666667%
    }

    .col-md-push-4{
    left:33.33333333333333%
    }

    .col-md-push-3{
    left:25%
    }

    .col-md-push-2{
    left:16.666666666666664%
    }

    .col-md-push-1{
    left:8.333333333333332%
    }

    .col-md-push-0{
    left:0
    }

    .col-md-offset-12{
    margin-left:100%
    }

    .col-md-offset-11{
    margin-left:91.66666666666666%
    }

    .col-md-offset-10{
    margin-left:83.33333333333334%
    }

    .col-md-offset-9{
    margin-left:75%
    }

    .col-md-offset-8{
    margin-left:66.66666666666666%
    }

    .col-md-offset-7{
    margin-left:58.333333333333336%
    }

    .col-md-offset-6{
    margin-left:50%
    }

    .col-md-offset-5{
    margin-left:41.66666666666667%
    }

    .col-md-offset-4{
    margin-left:33.33333333333333%
    }

    .col-md-offset-3{
    margin-left:25%
    }

    .col-md-offset-2{
    margin-left:16.666666666666664%
    }

    .col-md-offset-1{
    margin-left:8.333333333333332%
    }

    .col-md-offset-0{
    margin-left:0
    }

    }

    @media (min-width:1200px){
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.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
    }

    .col-lg-12{
    width:100%
    }

    .col-lg-11{
    width:91.66666666666666%
    }

    .col-lg-10{
    width:83.33333333333334%
    }

    .col-lg-9{
    width:75%
    }

    .col-lg-8{
    width:66.66666666666666%
    }

    .col-lg-7{
    width:58.333333333333336%
    }

    .col-lg-6{
    width:50%
    }

    .col-lg-5{
    width:41.66666666666667%
    }

    .col-lg-4{
    width:33.33333333333333%
    }

    .col-lg-3{
    width:19%;
    }

    .col-lg-2{
    width:16.666666666666664%
    }

    .col-lg-1{
    width:8.333333333333332%
    }

    .col-lg-pull-12{
    right:100%
    }

    .col-lg-pull-11{
    right:91.66666666666666%
    }

    .col-lg-pull-10{
    right:83.33333333333334%
    }

    .col-lg-pull-9{
    right:75%
    }

    .col-lg-pull-8{
    right:66.66666666666666%
    }

    .col-lg-pull-7{
    right:58.333333333333336%
    }

    .col-lg-pull-6{
    right:50%
    }

    .col-lg-pull-5{
    right:41.66666666666667%
    }

    .col-lg-pull-4{
    right:33.33333333333333%
    }

    .col-lg-pull-3{
    right:25%
    }

    .col-lg-pull-2{
    right:16.666666666666664%
    }

    .col-lg-pull-1{
    right:8.333333333333332%
    }

    .col-lg-pull-0{
    right:0
    }

    .col-lg-push-12{
    left:100%
    }

    .col-lg-push-11{
    left:91.66666666666666%
    }

    .col-lg-push-10{
    left:83.33333333333334%
    }

    .col-lg-push-9{
    left:75%
    }

    .col-lg-push-8{
    left:66.66666666666666%
    }

    .col-lg-push-7{
    left:58.333333333333336%
    }

    .col-lg-push-6{
    left:50%
    }

    .col-lg-push-5{
    left:41.66666666666667%
    }

    .col-lg-push-4{
    left:33.33333333333333%
    }

    .col-lg-push-3{
    left:25%
    }

    .col-lg-push-2{
    left:16.666666666666664%
    }

    .col-lg-push-1{
    left:8.333333333333332%
    }

    .col-lg-push-0{
    left:0
    }

    .col-lg-offset-12{
    margin-left:100%
    }

    .col-lg-offset-11{
    margin-left:91.66666666666666%
    }

    .col-lg-offset-10{
    margin-left:83.33333333333334%
    }

    .col-lg-offset-9{
    margin-left:75%
    }

    .col-lg-offset-8{
    margin-left:66.66666666666666%
    }

    .col-lg-offset-7{
    margin-left:58.333333333333336%
    }

    .col-lg-offset-6{
    margin-left:50%
    }

    .col-lg-offset-5{
    margin-left:41.66666666666667%
    }

    .col-lg-offset-4{
    margin-left:33.33333333333333%
    }

    .col-lg-offset-3{
    margin-left:25%
    }

    .col-lg-offset-2{
    margin-left:16.666666666666664%
    }

    .col-lg-offset-1{
    margin-left:8.333333333333332%
    }

    .col-lg-offset-0{
    margin-left:0
    }

    }

    table{
    max-width:100%;
    background-color:transparent
    }

    th{
    text-align:left
    }

    .table{
    width:100%;
    margin-bottom:26px
    }

    .table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    padding:8px;
    line-height:1.625;
    vertical-align:top;
    border-top:1px solid #ddd
    }

    .table>thead>tr>th{
    vertical-align:bottom;
    border-bottom:2px solid #ddd
    }

    .table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{
    border-top:0
    }

    .table>tbody+tbody{
    border-top:2px solid #ddd
    }

    .table .table{
    background-color:#fff
    }

    .table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{
    padding:5px
    }

    .table-bordered{
    border:1px solid #ddd
    }

    .table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{
    border:1px solid #ddd
    }

    .table-bordered>thead>tr>th,.table-bordered>thead>tr>td{
    border-bottom-width:2px
    }

    .table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{
    background-color:#f9f9f9
    }

    .table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{
    background-color:#f5f5f5
    }

    table col[class*=col-]{
    position:static;
    float:none;
    display:table-column
    }

    table td[class*=col-],table th[class*=col-]{
    position:static;
    float:none;
    display:table-cell
    }

    .table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{
    background-color:#f5f5f5
    }

    .table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{
    background-color:#e8e8e8
    }

    .table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{
    background-color:#f0faf8
    }

    .table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{
    background-color:#ddf4ef
    }

    .table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{
    background-color:#f9fafb
    }

    .table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{
    background-color:#eaedf1
    }

    .table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{
    background-color:#faf9f7
    }

    .table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{
    background-color:#f0ede7
    }

    .table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{
    background-color:#faf8f7
    }

    .table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{
    background-color:#f0eae7
    }

    @media (max-width:767px){
    .table-responsive{
    width:100%;
    margin-bottom:19.5px;
    overflow-y:hidden;
    overflow-x:scroll;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    border:1px solid #ddd;
    -webkit-overflow-scrolling:touch
    }

    .table-responsive>.table{
    margin-bottom:0
    }

    .table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{
    white-space:nowrap
    }

    .table-responsive>.table-bordered{
    border:0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{
    border-left:0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{
    border-right:0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{
    border-bottom:0
    }

    }

    fieldset{
    padding:0;
    margin:0;
    border:0;
    min-width:0
    }

    legend{
    display:block;
    width:100%;
    padding:0;
    margin-bottom:26px;
    font-size:24px;
    line-height:inherit;
    color:#333;
    border:0;
    border-bottom:1px solid #e5e5e5
    }

    label{
    display:inline-block;
    margin-bottom:5px;
    font-weight:700
    }

    input[type=search]{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
    }

    input[type=radio],input[type=checkbox]{
    margin:4px 0 0;
    margin-top:1px \9;
    line-height:normal
    }

    input[type=file]{
    display:block
    }

    input[type=range]{
    display:block;
    width:100%
    }

    select[multiple],select[size]{
    height:auto
    }

    input[type=file]:focus,input[type=radio]:focus,input[type=checkbox]:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
    }

    output{
    display:block;
    padding-top:7px;
    font-size:16px;
    line-height:1.625;
    color:#555
    }

    .form-control{
    display:block;
    width:100%;
    height:40px;
    padding:6px 12px;
    font-size:16px;
    line-height:1.625;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
    }

    .form-control:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder{
    color:#999;
    opacity:1
    }

    .form-control:-ms-input-placeholder{
    color:#999
    }

    .form-control::-webkit-input-placeholder{
    color:#999
    }

    .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{
    cursor:not-allowed;
    background-color:#eee;
    opacity:1
    }

    textarea.form-control{
    height:auto
    }

    input[type=search]{
    -webkit-appearance:none
    }

    input[type=date]{
    line-height:40px
    }

    .form-group{
    margin-bottom:15px
    }

    .radio,.checkbox{
    display:block;
    min-height:26px;
    margin-top:10px;
    margin-bottom:10px;
    padding-left:20px
    }

    .radio label,.checkbox label{
    display:inline;
    font-weight:400;
    cursor:pointer
    }

    .radio input[type=radio],.radio-inline input[type=radio],.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox]{
    float:left;
    margin-left:-20px
    }

    .radio+.radio,.checkbox+.checkbox{
    margin-top:-5px
    }

    .radio-inline,.checkbox-inline{
    display:inline-block;
    padding-left:20px;
    margin-bottom:0;
    vertical-align:middle;
    font-weight:400;
    cursor:pointer
    }

    .radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{
    margin-top:0;
    margin-left:10px
    }

    input[type=radio][disabled],input[type=checkbox][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type=radio],fieldset[disabled] input[type=checkbox],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{
    cursor:not-allowed
    }

    .input-sm{
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
    }

    select.input-sm{
    height:30px;
    line-height:30px
    }

    textarea.input-sm,select[multiple].input-sm{
    height:auto
    }

    .input-lg{
    height:46px;
    padding:10px 16px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px
    }

    select.input-lg{
    height:46px;
    line-height:46px
    }

    textarea.input-lg,select[multiple].input-lg{
    height:auto
    }

    .has-feedback{
    position:relative
    }

    .has-feedback .form-control{
    padding-right:50px
    }

    .has-feedback .form-control-feedback{
    position:absolute;
    top:31px;
    right:0;
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center
    }

    .has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{
    color:#2ecc71
    }

    .has-success .form-control{
    border-color:#2ecc71;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
    }

    .has-success .form-control:focus{
    border-color:#25a25a;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ee2a8;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ee2a8
    }

    .has-success .input-group-addon{
    color:#2ecc71;
    border-color:#2ecc71;
    background-color:#f0faf8
    }

    .has-success .form-control-feedback{
    color:#2ecc71
    }

    .has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{
    color:#e67e22
    }

    .has-warning .form-control{
    border-color:#e67e22;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
    }

    .has-warning .form-control:focus{
    border-color:#bf6516;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f0b37e;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f0b37e
    }

    .has-warning .input-group-addon{
    color:#e67e22;
    border-color:#e67e22;
    background-color:#faf9f7
    }

    .has-warning .form-control-feedback{
    color:#e67e22
    }

    .has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{
    color:#e74c3c
    }

    .has-error .form-control{
    border-color:#e74c3c;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
    }

    .has-error .form-control:focus{
    border-color:#d62c1a;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f29f97;
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #f29f97
    }

    .has-error .input-group-addon{
    color:#e74c3c;
    border-color:#e74c3c;
    background-color:#faf8f7
    }

    .has-error .form-control-feedback{
    color:#e74c3c
    }

    .form-control-static{
    margin-bottom:0
    }

    .help-block{
    display:block;
    margin-top:5px;
    margin-bottom:10px;
    color:#959595
    }

    @media (min-width:768px){
    .form-inline .form-group{
    display:inline-block;
    margin-bottom:0;
    vertical-align:middle
    }

    .form-inline .form-control{
    display:inline-block;
    width:auto;
    vertical-align:middle
    }

    .form-inline .input-group>.form-control{
    width:100%
    }

    .form-inline .control-label{
    margin-bottom:0;
    vertical-align:middle
    }

    .form-inline .radio,.form-inline .checkbox{
    display:inline-block;
    margin-top:0;
    margin-bottom:0;
    padding-left:0;
    vertical-align:middle
    }

    .form-inline .radio input[type=radio],.form-inline .checkbox input[type=checkbox]{
    float:none;
    margin-left:0
    }

    .form-inline .has-feedback .form-control-feedback{
    top:0
    }

    }

    .form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{
    margin-top:0;
    margin-bottom:0;
    padding-top:7px
    }

    .form-horizontal .radio,.form-horizontal .checkbox{
    min-height:33px
    }

    .form-horizontal .form-group{
    margin-left:-15px;
    margin-right:-15px
    }

    .form-horizontal .form-control-static{
    padding-top:7px
    }

    @media (min-width:768px){
    .form-horizontal .control-label{
    text-align:right
    }

    }

    .form-horizontal .has-feedback .form-control-feedback{
    top:0;
    right:15px
    }

    .btn{
    display:inline-block;
    margin-bottom:0;
    font-weight:400;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    background-image:none;
    border:1px solid transparent;
    white-space:nowrap;
    padding:6px 12px;
    font-size:16px;
    line-height:1.625;
    border-radius:4px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
    }

    .btn:focus,.btn:active:focus,.btn.active:focus{
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
    }

    .btn:hover,.btn:focus{
    color:#fff;
    text-decoration:none
    }

    .btn:active,.btn.active{
    outline:0;
    background-image:none;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
    }

    .btn.disabled,.btn[disabled],fieldset[disabled] .btn{
    cursor:not-allowed;
    pointer-events:none;
    opacity:.65;
    filter:alpha(opacity=65);
    -webkit-box-shadow:none;
    box-shadow:none
    }

    .btn-default{
    color:#fff;
    background-color:#95a5a6;
    border-color:#7f8c8d
    }

    .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
    color:#fff;
    background-color:#7f9293;
    border-color:#616d6d
    }

    .btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
    background-image:none
    }

    .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{
    background-color:#95a5a6;
    border-color:#7f8c8d
    }

    .btn-default .badge{
    color:#95a5a6;
    background-color:#fff
    }

    .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{
    color:#fff;
    background-color:#a3b1b2;
    border-color:#8c9899
    }

    .btn-default:active,.btn-default.active{
    background-color:#8c9899
    }

    .btn-primary{
    color:#fff;
    background-color:#1abc9c;
    border-color:#16a085
    }

    .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#15987e;
    border-color:#0f6a58
    }

    .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    background-image:none
    }

    .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
    background-color:#1abc9c;
    border-color:#16a085
    }

    .btn-primary .badge{
    color:#1abc9c;
    background-color:#fff
    }

    .btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#1dd2af;
    border-color:#19b698
    }

    .btn-primary:active,.btn-primary.active{
    background-color:#19b698
    }

    .btn-success{
    color:#fff;
    background-color:#2ecc71;
    border-color:#27ae60
    }

    .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
    color:#fff;
    background-color:#26ab5f;
    border-color:#1c7c44
    }

    .btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
    background-image:none
    }

    .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{
    background-color:#2ecc71;
    border-color:#27ae60
    }

    .btn-success .badge{
    color:#2ecc71;
    background-color:#fff
    }

    .btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{
    color:#fff;
    background-color:#40d47e;
    border-color:#2cc36b
    }

    .btn-success:active,.btn-success.active{
    background-color:#2cc36b
    }

    .btn-info{
    color:#fff;
    background-color:#3498db;
    border-color:#2980b9
    }

    .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{
    color:#fff;
    background-color:#2383c4;
    border-color:#1e5d87
    }

    .btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{
    background-image:none
    }

    .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{
    background-color:#3498db;
    border-color:#2980b9
    }

    .btn-info .badge{
    color:#3498db;
    background-color:#fff
    }

    .btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{
    color:#fff;
    background-color:#4aa3df;
    border-color:#2e8ece
    }

    .btn-info:active,.btn-info.active{
    background-color:#2e8ece
    }

    .btn-warning{
    color:#fff;
    background-color:#e67e22;
    border-color:#d35400
    }

    .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{
    color:#fff;
    background-color:#c96a17;
    border-color:#963c00
    }

    .btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{
    background-image:none
    }

    .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{
    background-color:#e67e22;
    border-color:#d35400
    }

    .btn-warning .badge{
    color:#e67e22;
    background-color:#fff
    }

    .btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{
    color:#fff;
    background-color:#e98b39;
    border-color:#ec5e00
    }

    .btn-warning:active,.btn-warning.active{
    background-color:#ec5e00
    }

    .btn-danger{
    color:#fff;
    background-color:#e74c3c;
    border-color:#c0392b
    }

    .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#df2e1b;
    border-color:#8e2a20
    }

    .btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{
    background-image:none
    }

    .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{
    background-color:#e74c3c;
    border-color:#c0392b
    }

    .btn-danger .badge{
    color:#e74c3c;
    background-color:#fff
    }

    .btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{
    color:#fff;
    background-color:#ea6153;
    border-color:#d14233
    }

    .btn-danger:active,.btn-danger.active{
    background-color:#d14233
    }

    .btn-link{
    color:#1abc9c;
    font-weight:400;
    cursor:pointer;
    border-radius:0
    }

    .btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{
    background-color:transparent;
    -webkit-box-shadow:none;
    box-shadow:none
    }

    .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{
    border-color:transparent
    }

    .btn-link:hover,.btn-link:focus{
    color:#117964;
    text-decoration:underline;
    background-color:transparent
    }

    .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{
    color:#999;
    text-decoration:none
    }

    .btn-lg,.btn-group-lg>.btn{
    padding:10px 16px;
    font-size:18px;
    line-height:1.33;
    border-radius:6px
    }

    .btn-sm,.btn-group-sm>.btn{
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
    }

    .btn-xs,.btn-group-xs>.btn{
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
    }

    .btn-block{
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0
    }

    .btn-block+.btn-block{
    margin-top:5px
    }

    input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block{
    width:100%
    }

    .fade{
    opacity:0;
    -webkit-transition:opacity .15s linear;
    transition:opacity .15s linear
    }

    .fade.in{
    opacity:1
    }

    .collapse{
    display:none
    }

    .collapse.in{
    display:block
    }

    .collapsing{
    position:relative;
    height:0;
    overflow:hidden;
    -webkit-transition:height .35s ease;
    transition:height .35s ease
    }

    @font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
    src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
    }

    .glyphicon{
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
    }

    .glyphicon-asterisk:before{
    content:"\2a"
    }

    .glyphicon-plus:before{
    content:"\2b"
    }

    .glyphicon-euro:before{
    content:"\20ac"
    }

    .glyphicon-minus:before{
    content:"\2212"
    }

    .glyphicon-cloud:before{
    content:"\2601"
    }

    .glyphicon-envelope:before{
    content:"\2709"
    }

    .glyphicon-pencil:before{
    content:"\270f"
    }

    .glyphicon-glass:before{
    content:"\e001"
    }

    .glyphicon-music:before{
    content:"\e002"
    }

    .glyphicon-search:before{
    content:"\e003"
    }

    .glyphicon-heart:before{
    content:"\e005"
    }

    .glyphicon-star:before{
    content:"\e006"
    }

    .glyphicon-star-empty:before{
    content:"\e007"
    }

    .glyphicon-user:before{
    content:"\e008"
    }

    .glyphicon-film:before{
    content:"\e009"
    }

    .glyphicon-th-large:before{
    content:"\e010"
    }

    .glyphicon-th:before{
    content:"\e011"
    }

    .glyphicon-th-list:before{
    content:"\e012"
    }

    .glyphicon-ok:before{
    content:"\e013"
    }

    .glyphicon-remove:before{
    content:"\e014"
    }

    .glyphicon-zoom-in:before{
    content:"\e015"
    }

    .glyphicon-zoom-out:before{
    content:"\e016"
    }

    .glyphicon-off:before{
    content:"\e017"
    }

    .glyphicon-signal:before{
    content:"\e018"
    }

    .glyphicon-cog:before{
    content:"\e019"
    }

    .glyphicon-trash:before{
    content:"\e020"
    }

    .glyphicon-home:before{
    content:"\e021"
    }

    .glyphicon-file:before{
    content:"\e022"
    }

    .glyphicon-time:before{
    content:"\e023"
    }

    .glyphicon-road:before{
    content:"\e024"
    }

    .glyphicon-download-alt:before{
    content:"\e025"
    }

    .glyphicon-download:before{
    content:"\e026"
    }

    .glyphicon-upload:before{
    content:"\e027"
    }

    .glyphicon-inbox:before{
    content:"\e028"
    }

    .glyphicon-play-circle:before{
    content:"\e029"
    }

    .glyphicon-repeat:before{
    content:"\e030"
    }

    .glyphicon-refresh:before{
    content:"\e031"
    }

    .glyphicon-list-alt:before{
    content:"\e032"
    }

    .glyphicon-lock:before{
    content:"\e033"
    }

    .glyphicon-flag:before{
    content:"\e034"
    }

    .glyphicon-headphones:before{
    content:"\e035"
    }

    .glyphicon-volume-off:before{
    content:"\e036"
    }

    .glyphicon-volume-down:before{
    content:"\e037"
    }

    .glyphicon-volume-up:before{
    content:"\e038"
    }

    .glyphicon-qrcode:before{
    content:"\e039"
    }

    .glyphicon-barcode:before{
    content:"\e040"
    }

    .glyphicon-tag:before{
    content:"\e041"
    }

    .glyphicon-tags:before{
    content:"\e042"
    }

    .glyphicon-book:before{
    content:"\e043"
    }

    .glyphicon-bookmark:before{
    content:"\e044"
    }

    .glyphicon-print:before{
    content:"\e045"
    }

    .glyphicon-camera:before{
    content:"\e046"
    }

    .glyphicon-font:before{
    content:"\e047"
    }

    .glyphicon-bold:before{
    content:"\e048"
    }

    .glyphicon-italic:before{
    content:"\e049"
    }

    .glyphicon-text-height:before{
    content:"\e050"
    }

    .glyphicon-text-width:before{
    content:"\e051"
    }

    .glyphicon-align-left:before{
    content:"\e052"
    }

    .glyphicon-align-center:before{
    content:"\e053"
    }

    .glyphicon-align-right:before{
    content:"\e054"
    }

    .glyphicon-align-justify:before{
    content:"\e055"
    }

    .glyphicon-list:before{
    content:"\e056"
    }

    .glyphicon-indent-left:before{
    content:"\e057"
    }

    .glyphicon-indent-right:before{
    content:"\e058"
    }

    .glyphicon-facetime-video:before{
    content:"\e059"
    }

    .glyphicon-picture:before{
    content:"\e060"
    }

    .glyphicon-map-marker:before{
    content:"\e062"
    }

    .glyphicon-adjust:before{
    content:"\e063"
    }

    .glyphicon-tint:before{
    content:"\e064"
    }

    .glyphicon-edit:before{
    content:"\e065"
    }

    .glyphicon-share:before{
    content:"\e066"
    }

    .glyphicon-check:before{
    content:"\e067"
    }

    .glyphicon-move:before{
    content:"\e068"
    }

    .glyphicon-step-backward:before{
    content:"\e069"
    }

    .glyphicon-fast-backward:before{
    content:"\e070"
    }

    .glyphicon-backward:before{
    content:"\e071"
    }

    .glyphicon-play:before{
    content:"\e072"
    }

    .glyphicon-pause:before{
    content:"\e073"
    }

    .glyphicon-stop:before{
    content:"\e074"
    }

    .glyphicon-forward:before{
    content:"\e075"
    }

    .glyphicon-fast-forward:before{
    content:"\e076"
    }

    .glyphicon-step-forward:before{
    content:"\e077"
    }

    .glyphicon-eject:before{
    content:"\e078"
    }

    .glyphicon-chevron-left:before{
    content:"\e079"
    }

    .glyphicon-chevron-right:before{
    content:"\e080"
    }

    .glyphicon-plus-sign:before{
    content:"\e081"
    }

    .glyphicon-minus-sign:before{
    content:"\e082"
    }

    .glyphicon-remove-sign:before{
    content:"\e083"
    }

    .glyphicon-ok-sign:before{
    content:"\e084"
    }

    .glyphicon-question-sign:before{
    content:"\e085"
    }

    .glyphicon-info-sign:before{
    content:"\e086"
    }

    .glyphicon-screenshot:before{
    content:"\e087"
    }

    .glyphicon-remove-circle:before{
    content:"\e088"
    }

    .glyphicon-ok-circle:before{
    content:"\e089"
    }

    .glyphicon-ban-circle:before{
    content:"\e090"
    }

    .glyphicon-arrow-left:before{
    content:"\e091"
    }

    .glyphicon-arrow-right:before{
    content:"\e092"
    }

    .glyphicon-arrow-up:before{
    content:"\e093"
    }

    .glyphicon-arrow-down:before{
    content:"\e094"
    }

    .glyphicon-share-alt:before{
    content:"\e095"
    }

    .glyphicon-resize-full:before{
    content:"\e096"
    }

    .glyphicon-resize-small:before{
    content:"\e097"
    }

    .glyphicon-exclamation-sign:before{
    content:"\e101"
    }

    .glyphicon-gift:before{
    content:"\e102"
    }

    .glyphicon-leaf:before{
    content:"\e103"
    }

    .glyphicon-fire:before{
    content:"\e104"
    }

    .glyphicon-eye-open:before{
    content:"\e105"
    }

    .glyphicon-eye-close:before{
    content:"\e106"
    }

    .glyphicon-warning-sign:before{
    content:"\e107"
    }

    .glyphicon-plane:before{
    content:"\e108"
    }

    .glyphicon-calendar:before{
    content:"\e109"
    }

    .glyphicon-random:before{
    content:"\e110"
    }

    .glyphicon-comment:before{
    content:"\e111"
    }

    .glyphicon-magnet:before{
    content:"\e112"
    }

    .glyphicon-chevron-up:before{
    content:"\e113"
    }

    .glyphicon-chevron-down:before{
    content:"\e114"
    }

    .glyphicon-retweet:before{
    content:"\e115"
    }

    .glyphicon-shopping-cart:before{
    content:"\e116"
    }

    .glyphicon-folder-close:before{
    content:"\e117"
    }

    .glyphicon-folder-open:before{
    content:"\e118"
    }

    .glyphicon-resize-vertical:before{
    content:"\e119"
    }

    .glyphicon-resize-horizontal:before{
    content:"\e120"
    }

    .glyphicon-hdd:before{
    content:"\e121"
    }

    .glyphicon-bullhorn:before{
    content:"\e122"
    }

    .glyphicon-bell:before{
    content:"\e123"
    }

    .glyphicon-certificate:before{
    content:"\e124"
    }

    .glyphicon-thumbs-up:before{
    content:"\e125"
    }

    .glyphicon-thumbs-down:before{
    content:"\e126"
    }

    .glyphicon-hand-right:before{
    content:"\e127"
    }

    .glyphicon-hand-left:before{
    content:"\e128"
    }

    .glyphicon-hand-up:before{
    content:"\e129"
    }

    .glyphicon-hand-down:before{
    content:"\e130"
    }

    .glyphicon-circle-arrow-right:before{
    content:"\e131"
    }

    .glyphicon-circle-arrow-left:before{
    content:"\e132"
    }

    .glyphicon-circle-arrow-up:before{
    content:"\e133"
    }

    .glyphicon-circle-arrow-down:before{
    content:"\e134"
    }

    .glyphicon-globe:before{
    content:"\e135"
    }

    .glyphicon-wrench:before{
    content:"\e136"
    }

    .glyphicon-tasks:before{
    content:"\e137"
    }

    .glyphicon-filter:before{
    content:"\e138"
    }

    .glyphicon-briefcase:before{
    content:"\e139"
    }

    .glyphicon-fullscreen:before{
    content:"\e140"
    }

    .glyphicon-dashboard:before{
    content:"\e141"
    }

    .glyphicon-paperclip:before{
    content:"\e142"
    }

    .glyphicon-heart-empty:before{
    content:"\e143"
    }

    .glyphicon-link:before{
    content:"\e144"
    }

    .glyphicon-phone:before{
    content:"\e145"
    }

    .glyphicon-pushpin:before{
    content:"\e146"
    }

    .glyphicon-usd:before{
    content:"\e148"
    }

    .glyphicon-gbp:before{
    content:"\e149"
    }

    .glyphicon-sort:before{
    content:"\e150"
    }

    .glyphicon-sort-by-alphabet:before{
    content:"\e151"
    }

    .glyphicon-sort-by-alphabet-alt:before{
    content:"\e152"
    }

    .glyphicon-sort-by-order:before{
    content:"\e153"
    }

    .glyphicon-sort-by-order-alt:before{
    content:"\e154"
    }

    .glyphicon-sort-by-attributes:before{
    content:"\e155"
    }

    .glyphicon-sort-by-attributes-alt:before{
    content:"\e156"
    }

    .glyphicon-unchecked:before{
    content:"\e157"
    }

    .glyphicon-expand:before{
    content:"\e158"
    }

    .glyphicon-collapse-down:before{
    content:"\e159"
    }

    .glyphicon-collapse-up:before{
    content:"\e160"
    }

    .glyphicon-log-in:before{
    content:"\e161"
    }

    .glyphicon-flash:before{
    content:"\e162"
    }

    .glyphicon-log-out:before{
    content:"\e163"
    }

    .glyphicon-new-window:before{
    content:"\e164"
    }

    .glyphicon-record:before{
    content:"\e165"
    }

    .glyphicon-save:before{
    content:"\e166"
    }

    .glyphicon-open:before{
    content:"\e167"
    }

    .glyphicon-saved:before{
    content:"\e168"
    }

    .glyphicon-import:before{
    content:"\e169"
    }

    .glyphicon-export:before{
    content:"\e170"
    }

    .glyphicon-send:before{
    content:"\e171"
    }

    .glyphicon-floppy-disk:before{
    content:"\e172"
    }

    .glyphicon-floppy-saved:before{
    content:"\e173"
    }

    .glyphicon-floppy-remove:before{
    content:"\e174"
    }

    .glyphicon-floppy-save:before{
    content:"\e175"
    }

    .glyphicon-floppy-open:before{
    content:"\e176"
    }

    .glyphicon-credit-card:before{
    content:"\e177"
    }

    .glyphicon-transfer:before{
    content:"\e178"
    }

    .glyphicon-cutlery:before{
    content:"\e179"
    }

    .glyphicon-header:before{
    content:"\e180"
    }

    .glyphicon-compressed:before{
    content:"\e181"
    }

    .glyphicon-earphone:before{
    content:"\e182"
    }

    .glyphicon-phone-alt:before{
    content:"\e183"
    }

    .glyphicon-tower:before{
    content:"\e184"
    }

    .glyphicon-stats:before{
    content:"\e185"
    }

    .glyphicon-sd-video:before{
    content:"\e186"
    }

    .glyphicon-hd-video:before{
    content:"\e187"
    }

    .glyphicon-subtitles:before{
    content:"\e188"
    }

    .glyphicon-sound-stereo:before{
    content:"\e189"
    }

    .glyphicon-sound-dolby:before{
    content:"\e190"
    }

    .glyphicon-sound-5-1:before{
    content:"\e191"
    }

    .glyphicon-sound-6-1:before{
    content:"\e192"
    }

    .glyphicon-sound-7-1:before{
    content:"\e193"
    }

    .glyphicon-copyright-mark:before{
    content:"\e194"
    }

    .glyphicon-registration-mark:before{
    content:"\e195"
    }

    .glyphicon-cloud-download:before{
    content:"\e197"
    }

    .glyphicon-cloud-upload:before{
    content:"\e198"
    }

    .glyphicon-tree-conifer:before{
    content:"\e199"
    }

    .glyphicon-tree-deciduous:before{
    content:"\e200"
    }

    @font-face{
    font-family:FontAwesome;
    src:url(../fonts/fontawesome-webfont.eot?v=4.0.3);
    src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff?v=4.0.3) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.0.3) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular) format('svg');
    font-weight:400;
    font-style:normal
    }

    .fa{
    display:inline-block;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
    }

    .fa-lg{
    font-size:1.3333333333333333em;
    line-height:.75em;
    vertical-align:-15%
    }

    .fa-2x{
    font-size:2em
    }

    .fa-3x{
    font-size:3em
    }

    .fa-4x{
    font-size:4em
    }

    .fa-5x{
    font-size:5em
    }

    .fa-fw{
    width:1.2857142857142858em;
    text-align:center
    }

    .fa-ul{
    padding-left:0;
    margin-left:2.142857142857143em;
    list-style-type:none
    }

    .fa-ul>li{
    position:relative
    }

    .fa-li{
    position:absolute;
    left:-2.142857142857143em;
    width:2.142857142857143em;
    top:.14285714285714285em;
    text-align:center
    }

    .fa-li.fa-lg{
    left:-1.8571428571428572em
    }

    .fa-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
    }

    .pull-right{
    float:right
    }

    .pull-left{
    float:left
    }

    .fa.pull-left{
    margin-right:.3em
    }

    .fa.pull-right{
    margin-left:.3em
    }

    .fa-spin{
    -webkit-animation:spin 2s infinite linear;
    -moz-animation:spin 2s infinite linear;
    -o-animation:spin 2s infinite linear;
    animation:spin 2s infinite linear
    }

    @-moz-keyframes spin{
    0%{
    -moz-transform:rotate(0deg)
    }

    100%{
    -moz-transform:rotate(359deg)
    }

    }

    @-webkit-keyframes spin{
    0%{
    -webkit-transform:rotate(0deg)
    }

    100%{
    -webkit-transform:rotate(359deg)
    }

    }

    @-o-keyframes spin{
    0%{
    -o-transform:rotate(0deg)
    }

    100%{
    -o-transform:rotate(359deg)
    }

    }

    @-ms-keyframes spin{
    0%{
    -ms-transform:rotate(0deg)
    }

    100%{
    -ms-transform:rotate(359deg)
    }

    }

    @keyframes spin{
    0%{
    transform:rotate(0deg)
    }

    100%{
    transform:rotate(359deg)
    }

    }

    .fa-rotate-90{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg)
    }

    .fa-rotate-180{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg)
    }

    .fa-rotate-270{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg)
    }

    .fa-flip-horizontal{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform:scale(-1,1);
    -moz-transform:scale(-1,1);
    -ms-transform:scale(-1,1);
    -o-transform:scale(-1,1);
    transform:scale(-1,1)
    }

    .fa-flip-vertical{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform:scale(1,-1);
    -moz-transform:scale(1,-1);
    -ms-transform:scale(1,-1);
    -o-transform:scale(1,-1);
    transform:scale(1,-1)
    }

    .fa-stack{
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle
    }

    .fa-stack-1x,.fa-stack-2x{
    position:absolute;
    left:0;
    width:100%;
    text-align:center
    }

    .fa-stack-1x{
    line-height:inherit
    }

    .fa-stack-2x{
    font-size:2em
    }

    .fa-inverse{
    color:#fff
    }


    .fa-forumbee:before{
    content:"\f211"
    }

    .fa-glass:before{
    content:"\f000"
    }

    .fa-music:before{
    content:"\f001"
    }

    .fa-search:before{
    content:"\f002"
    }

    .fa-envelope-o:before{
    content:"\f003"
    }

    .fa-heart:before{
    content:"\f004"
    }

    .fa-star:before{
    content:"\f005"
    }

    .fa-star-o:before{
    content:"\f006"
    }

    .fa-user:before{
    content:"\f007"
    }

    .fa-film:before{
    content:"\f008"
    }

    .fa-th-large:before{
    content:"\f009"
    }

    .fa-th:before{
    content:"\f00a"
    }

    .fa-th-list:before{
    content:"\f00b"
    }

    .fa-check:before{
    content:"\f00c"
    }

    .fa-times:before{
    content:"\f00d"
    }

    .fa-search-plus:before{
    content:"\f00e"
    }

    .fa-search-minus:before{
    content:"\f010"
    }

    .fa-power-off:before{
    content:"\f011"
    }

    .fa-signal:before{
    content:"\f012"
    }

    .fa-gear:before,.fa-cog:before{
    content:"\f013"
    }

    .fa-trash-o:before{
    content:"\f014"
    }

    .fa-home:before{
    content:"\f015"
    }

    .fa-file-o:before{
    content:"\f016"
    }

    .fa-clock-o:before{
    content:"\f017"
    }

    .fa-road:before{
    content:"\f018"
    }

    .fa-download:before{
    content:"\f019"
    }

    .fa-arrow-circle-o-down:before{
    content:"\f01a"
    }

    .fa-arrow-circle-o-up:before{
    content:"\f01b"
    }

    .fa-inbox:before{
    content:"\f01c"
    }

    .fa-play-circle-o:before{
    content:"\f01d"
    }

    .fa-rotate-right:before,.fa-repeat:before{
    content:"\f01e"
    }

    .fa-refresh:before{
    content:"\f021"
    }

    .fa-list-alt:before{
    content:"\f022"
    }

    .fa-lock:before{
    content:"\f023"
    }

    .fa-flag:before{
    content:"\f024"
    }

    .fa-headphones:before{
    content:"\f025"
    }

    .fa-volume-off:before{
    content:"\f026"
    }

    .fa-volume-down:before{
    content:"\f027"
    }

    .fa-volume-up:before{
    content:"\f028"
    }

    .fa-qrcode:before{
    content:"\f029"
    }

    .fa-barcode:before{
    content:"\f02a"
    }

    .fa-tag:before{
    content:"\f02b"
    }

    .fa-tags:before{
    content:"\f02c"
    }

    .fa-book:before{
    content:"\f02d"
    }

    .fa-bookmark:before{
    content:"\f02e"
    }

    .fa-print:before{
    content:"\f02f"
    }

    .fa-camera:before{
    content:"\f030"
    }

    .fa-font:before{
    content:"\f031"
    }

    .fa-bold:before{
    content:"\f032"
    }

    .fa-italic:before{
    content:"\f033"
    }

    .fa-text-height:before{
    content:"\f034"
    }

    .fa-text-width:before{
    content:"\f035"
    }

    .fa-align-left:before{
    content:"\f036"
    }

    .fa-align-center:before{
    content:"\f037"
    }

    .fa-align-right:before{
    content:"\f038"
    }

    .fa-align-justify:before{
    content:"\f039"
    }

    .fa-list:before{
    content:"\f03a"
    }

    .fa-dedent:before,.fa-outdent:before{
    content:"\f03b"
    }

    .fa-indent:before{
    content:"\f03c"
    }

    .fa-video-camera:before{
    content:"\f03d"
    }

    .fa-picture-o:before{
    content:"\f03e"
    }

    .fa-pencil:before{
    content:"\f040"
    }

    .fa-map-marker:before{
    content:"\f041"
    }

    .fa-adjust:before{
    content:"\f042"
    }

    .fa-tint:before{
    content:"\f043"
    }

    .fa-edit:before,.fa-pencil-square-o:before{
    content:"\f044"
    }

    .fa-share-square-o:before{
    content:"\f045"
    }

    .fa-check-square-o:before{
    content:"\f046"
    }

    .fa-arrows:before{
    content:"\f047"
    }

    .fa-step-backward:before{
    content:"\f048"
    }

    .fa-fast-backward:before{
    content:"\f049"
    }

    .fa-backward:before{
    content:"\f04a"
    }

    .fa-play:before{
    content:"\f04b"
    }

    .fa-pause:before{
    content:"\f04c"
    }

    .fa-stop:before{
    content:"\f04d"
    }

    .fa-forward:before{
    content:"\f04e"
    }

    .fa-fast-forward:before{
    content:"\f050"
    }

    .fa-step-forward:before{
    content:"\f051"
    }

    .fa-eject:before{
    content:"\f052"
    }

    .fa-chevron-left:before{
    content:"\f053"
    }

    .fa-chevron-right:before{
    content:"\f054"
    }

    .fa-plus-circle:before{
    content:"\f055"
    }

    .fa-minus-circle:before{
    content:"\f056"
    }

    .fa-times-circle:before{
    content:"\f057"
    }

    .fa-check-circle:before{
    content:"\f058"
    }

    .fa-question-circle:before{
    content:"\f059"
    }

    .fa-info-circle:before{
    content:"\f05a"
    }

    .fa-crosshairs:before{
    content:"\f05b"
    }

    .fa-times-circle-o:before{
    content:"\f05c"
    }

    .fa-check-circle-o:before{
    content:"\f05d"
    }

    .fa-ban:before{
    content:"\f05e"
    }

    .fa-arrow-left:before{
    content:"\f060"
    }

    .fa-arrow-right:before{
    content:"\f061"
    }

    .fa-arrow-up:before{
    content:"\f062"
    }

    .fa-arrow-down:before{
    content:"\f063"
    }

    .fa-mail-forward:before,.fa-share:before{
    content:"\f064"
    }

    .fa-expand:before{
    content:"\f065"
    }

    .fa-compress:before{
    content:"\f066"
    }

    .fa-plus:before{
    content:"\f067"
    }

    .fa-minus:before{
    content:"\f068"
    }

    .fa-asterisk:before{
    content:"\f069"
    }

    .fa-exclamation-circle:before{
    content:"\f06a"
    }

    .fa-gift:before{
    content:"\f06b"
    }

    .fa-leaf:before{
    content:"\f06c"
    }

    .fa-fire:before{
    content:"\f06d"
    }

    .fa-eye:before{
  • MErci beaucoup Jerry!
    Ca fonctionne en supprimant le : max-width:1200px;

    Les blocs récupère l'espace disponible et la marge est supprimé mais le problème c'est que je voudrais gardé cette marge sur les autres pages.
    Je voulais qu'elle s'enlève uniquement sur la page d'accueil
  • Le tag "body" a une classe "home" sur la page d'accueil. Tu peux jouer là dessus pour écrire une règle spécifique pour cette page.
  • demiseldemisel Member
    janvier 2018 modifié
    Après test ta solution ne fonctionne pas.. j'ai bien supprimé max-width et margin:0 auto; de mon div "page" mais en fait ça me décale juste mon menu qui est à gauche et la marge de droite est toujours là
Connectez-vous ou Inscrivez-vous pour répondre.