body {

	 background: url(../img/bg-bleu.jpg) no-repeat center fixed;
  	-webkit-background-size: cover; /* pour Chrome et Safari */
  	-moz-background-size: cover; /* pour Firefox */
  	-o-background-size: cover; /* pour Opera */
  	background-size: cover; /* version standardisée */
	font-size: 12px;color:black;font-family: arial;
    max-width: 1150px;
  	margin:0 auto 0 auto;
    padding: 0px;
}

header{
    width:100%;
}
.header .img-responsive {
    width: 100%;
    margin: 0 auto;
}
.formations, .contenu{
    background-color: white;
}
.contenu .col-md-8{
    width:50%;
}

#textcontact{
    width:62%;
}
.module{
    margin-top: -20px;
}
.slide{
    background-color: white;
    padding-top: 5px;
}
.carousel-control.left, .carousel-control.right{
background: none !important;
filter: progid:none !important;
}
.col-sm-5{/*Vous avez dit ...*/
    background-color:#00405a;
    color:white;
    margin-left:-12px;
}
.contact{
    background-color: white;
}

.img-responsive.erasmus{
    padding-left:35%;
}

.module{/*Informations Lycée*/
    background-color: white;
}
.col-md-6{/*Accompner Votre Avenir*/
    padding-right:0px;
    padding-left: 0px;
}
.col-xs-6{
 padding: 0 0;
}
@media only screen and (min-width: 765px) and (max-width: 995px){
   /*gerer decalage page formations schema + Tab Forma Lycee*/
    .formations .col-md-4{
        float: left;width: 33.33333333%;
    }
    #blog{
        display: none;
    }
  
    

}
@media only screen and (min-width: 1800px){
#socialbuttons{
        position: absolute;
        left:30%;
        top:0;
    }
}

@media only screen and (max-width: 765px) {
    .row{
        width:100%;
        margin: 0;
        }
    .col-sm-5{
        margin-left: -6px;
        margin-right: -6px;
    }
    .col-md-6{
        padding-left: 0px;
    }
    #textcontact{
    width:100%;
}
    .contenu .col-md-1{
      width: 100%;
        height: 100%;
    }
    #forma1{
        vertical-align:top;background-color:#0093d2;
    }
    #forma2{
        vertical-align:top;background-color:#fdc700;
    }
    #forma3{
        background-color:#bdcd00; vertical-align:top;
    }
    #forma4{
        background-color:#e2007a;vertical-align:top;
    }
    #forma5{
        background-color:#a678ae; vertical-align:top;
    }
    #forma6{
        background-color:#ec7206; vertical-align:top;
    }
     .formations .col-md-8{
        width:100%;
    }
     #tabForma{
        display:none;
    }
     #listForma{
        margin-left: 0;
    }
    #socialbuttons{
        position: absolute;
        left:0;
        top:0;
    }
    #blog{
        display: none;
    }
    .img-responsive.erasmus {
        padding-left: 10%;
    }
}
@media only screen and (min-width: 765px) and (max-width: 1950px){
    .navbar-brand{
        display:none;
    }
   .col-sm-5{/*Vous avez dit...*/
        max-width:14.28%;
       height: 400px;
       padding-left: 0;
       padding-right: 0;
    }
    .slide .col-sm-5{
        height: 310px;
    }
    .col-sm-4{/*Slider*/
        width:80%;
    }
    .col-md-7{
        width: 55%;
    }
    .col-md-8{
        width: 20%;
    }
    .col-md-9{
        width:25%;
    }
    .contenu .col-sm-5{
    margin-left:0px;

}
    .formations .col-md-8{
        width:65%;
    }
   #forma1{
       text-align: center;background-color:#0093d2;max-height:400px;
    }
    #forma2{
       text-align: center;background-color:#fdc700; max-height:400px;
    }
    #forma3{
       text-align: center;background-color:#bdcd00;max-height:400px;
    }
    #forma4{
       text-align: center;background-color:#e2007a;max-height:400px;
    }
    #forma5{
        text-align: center;background-color:#a678ae;max-height:400px;
    }
    #forma6{
        text-align: center;background-color:#ec7206; max-height:400px;
    }
     #forma7{
        text-align: center;background-color:#009d6c;max-height:400px;
    }
    #listForma{
        margin-left: 30px;
    }
     #socialbuttons{
        position: absolute;
        left:17%;
        top:0;
    }

}
.fb-share-button{
    margin-bottom: 5px;
}
.navbar{
    margin-bottom: 0;
    border-radius: 0;
    min-height: 0px;

}

.navbar-default .navbar-brand,.navbar-default .navbar-brand:hover {
   color:white;
}
.navbar-default{
    background-color: #054059;
    border-color: white;

}
.navbar-default .navbar-toggle .icon-bar{
    background-color: white;

}


.navbar-default .navbar-nav>li>a{
    color:white;
    border-radius: 0;
}
.navbar-default .navbar-nav>li>a:hover{
   /* color:#337ab7;*/
    color:#054059;
    background-color: white;
}
.navbar-default .navbar-nav>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: white;
    color:#337ab7;
}


footer{
    background-color: #bdcd00;
    margin : 0 0;
}