/*body {
    background: white url("/media/background.png");
    background: #247383
  }
*/
#anis {
background: #f7f7f7;
  


}

#footer {
    
background: white url("/media/background_image.png");
}


/*#css for the bredcrumb*/
.acceuil-image {
    background: #337ab7;
  }
/*#css for the logo hea*/

  .navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;

  width: auto;
}

.navbar ul > li {

  font-size: 28px;
 }

ul > li {
    font-size: 22px;
}

ul.errorlist {
    padding-left: 0;
}

ul.errorlist > li {
    list-style: none;
}

.navbar {
    border-radius: 0;
    font-size: 24px;
}

.navbar-brand {
    /*font-family:  cursive;*/
    font-size: 28px;
}


.navbar .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.navbar .navbar-collapse {
  text-align: center;
/*  #background-color: #247383;*/
}

.gallery
{
    display: inline-block;
    margin-top: 20px;
}


body { 
/*  background: url(http://lorempixel.com/1920/1920/city/9/) no-repeat center center fixed; */
background: url(/media/acceuil.png) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*styling the welcome page image*/
.image{
            height:auto !important;
            max-width:auto !important;
            width: 100% !important;
        }

/*#css for the bredcrumb*/

.breadcrumb {background: rgba(31, 134, 186, 1); border: 0px solid rgba(255, 255, 255, 1); border-radius: 25px; display: block;}
.breadcrumb li {font-size: 22px;}
.breadcrumb a {color: rgba(242, 242, 242, 1);}
.breadcrumb a:hover {color: rgba(255, 255, 255, 0.75);}
.breadcrumb>.active {color: rgba(153, 153, 153, 1);}
.breadcrumb>li+li:before {color: rgba(203, 201, 207, 1); content: "\002F\00a0";}

/*#css for the image for the instructor
*/

.about_image {
float: left;
margin: 10px;
}

/*#css for the fancy box*/
.gallery
{
    display: inline-block;
    margin-top: 20px;
}
/*.thumbnail{        

    height: 550px;
    overflow: auto;
}*/
/*#css for the thubmail of the list formation*/ 

#list_formation.thumbnail h3{
height: 100px;
text-align: center;
}

.post-content {

    opacity: 1;
    margin: 0 auto;
    margin-top: -54px;
    text-align:center;
    position: relative;
    width:100%;
}


.wrapper {
    text-align:center;
}



.card {
    overflow: hidden;
    border-radius: 6px;
    position: relative;
    background-color: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    margin-bottom: 30px;
}
.card-small .thumbnail {
    min-height: 200px;
}

.card .thumbnail {
    border: 0 none;
    padding: 0;
    margin: 0;
    min-height: 270px;
    position: relative;
}

.card .thumbnail img {
    width: 100%;
}

.card .thumb-cover {
    padding: 15px 20px;
    height: 100%;
    top: 0;
    position: absolute;
    bottom: 0;
    opacity: 0;
    width: 100%;
    background-color: rgba(255,255,255,0.95);
}
.thumb-cover{
 transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;   
}

.card .details {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.36) 62%, rgba(0,0,0,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.75)), color-stop(62%, rgba(0,0,0,0.36)), color-stop(100%, rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.36) 62%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.36) 62%, rgba(0,0,0,0) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.36) 62%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.36) 62%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e000000', endColorstr='#00000000',GradientType=0 );
    top: 0;
    display: block;
    height: 60px;
    padding: 10px 15px 0;
    position: absolute;
    width: 100%;
}

.monji {
    font-size: 200%;  /* You can change the font size */
    color: green;    /* You can change the font color */
  
}

/*css for increasing the font size of the forms all over the site*/
form label {
    font-size: 22px;
}

input[type="text" ] 
{
    font-size:24px;
}

.textarea
{
    font-size:24px;
}

input[type="email"] 
{
    font-size:24px;
}


/*css for fancy tabs* start */

.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li {
   padding-right: 13% ;
}
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 0px ; }
.tab-content{padding:15px ;  }


/*css for fancy tabs* end */

/*bootstrap social links*/


/*=========================
  Icons
 ================= */

/* footer social icons */
/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}


/* footer social icons */
.social-network a.icoRss {
    background-color: #F56505;
}
.social-network a.icoFacebook{
    background-color:#3B5998;
}
.social-network a.icoTwitter {
    background-color:#33ccff;
}
.social-network a.icoGoogle {
    background-color:#BD3518;
}
.social-network a.icoVimeo{
    background-color:#0590B8;
}
.social-network a.icoLinkedin {
    background-color:#007bb7;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color:#fff;
}
a.socialIcon .socialHoverClass {
    color:#44BCDD;
}

.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;
    text-align:center;
    width: 50px;
    height: 50px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height:50px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.navbar-inverse {
    background-color: #068CBF;
    border-color: #068CBF;
}