@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'MS Gothic';
    src: url('../fonts/MS-Gothic.eot');
    src: url('../fonts/MS-Gothic.eot?#iefix') format('embedded-opentype'), url('../fonts/MS-Gothic.woff2') format('woff2'), url('../fonts/MS-Gothic.woff') format('woff'), url('../fonts/MS-Gothic.ttf') format('truetype'), url('../fonts/MS-Gothic.svg#MS-Gothic') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
    padding-left: 50px;
    padding-right: 50px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.navbar-brandMaxi {
    display: none;
}

/* from http://stackoverflow.com/questions/14601425/bootstrap-navbar-justify-span-menu-items-occupying-full-width */
/*.navbar .navbar-inner {
    padding: 0;
}

.navbar .nav {
    margin: 0;
    display: table;
    / *width: 100%;* /
}

.navbar .nav li {
    display: table-cell;
    width: 1%;
    float: none;
}*/

.navbar .nav li a {
    /*font-weight: bold;*/
    text-align: center;
    /*border-left: 1px solid rgba(255, 255, 255, .75);
    border-right: 1px solid rgba(0, 0, 0, .1);*/
    font-family:'Open Sans';
    font-size:16px;
    color:black;
}


/*.navbar .nav li:first-child a {
    border-left: 0;
    border-radius: 3px 0 0 3px;
}

.navbar .nav li:last-child a {
    border-right: 0;
    border-radius: 0 3px 3px 0;
}*/


/* ludo */
.navbar {
    border:none;
}
.navbar .navbar-header {
    max-height:50px;
}
.navbar-default .navbar-nav li 
{    
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}
.navbar-default .navbar-nav li.sep {
    /*color: #777777;*/
    display: none;
}

.navbar-default .navbar-nav a {
    padding-top: 0px;
    padding-bottom: 0px;
}
.navbar .nav {
    padding-left:0px;
    padding-right:0px;

}

.navbar .nav-fr li a {
    padding-left:14px;
    padding-right:14.7px;
}
.navbar .nav-en li a {
    padding-left:16.4px;
    padding-right:17px;
}

.navbar .nav li:first-child {
    padding-left:0px;
}
/*.navbar .nav li:last-child {
    padding-right:0px;
}*/

.navbar-fill {
    margin-right: -15px;
    text-align:right;
    float: right !important;
}
.navbar-fill li {
    text-align:right;
    float:right;
    clear:right;
}

.navbar a.b {
    font-weight:bold;
}

.navbar-headerLeft {
    overflow: hidden;
    min-height: 50px;
    /*border: 2px dashed #f0f;*/

    background-image:url('/Content/title.png');
    background-repeat:no-repeat;
    background-position-y:center;
    background-size:contain;
    margin-left:10px;
    margin-right:70px;
}

.navbar-headerRight {
    float: right;
    width: 50px;
    min-height: 50px;
    margin-left: 10px;
    /*border: 2px dashed #00f*/
}


@media (min-width: 768px) {
    /* En mode paysage - large*/
    body {
        padding-top: 70px;
    }
    .navbar-brandMini {
        display: none;
    }
    .navbar-brandMaxi {
        display: block;
    }
    .navbar-header {
        float: none;
    }
    .navbar-fill li {
        clear:none;
    }

   .navbar-default .navbar-nav li.sep {
        /*display: table-cell;*/
        display:inline-block;
    }
    .navbar-headerLeft {
        display:none;
    }
  
   .navbar-fill {
        /*float: right !important;*/
    }
    .navbar-fill ul {
        width:590px;
        display:table;
    }
    .navbar-fill li {
        float: left !important;
        margin-left:0px;
        margin-right:0px;
        display:table-cell;
        padding-left:0px;
        padding-right:0px;
        text-align:center;
    }

    .navbar-fill li:first-child {
        padding-left:0px;
    }
    .navbar-fill li:first-child a {
        padding-left:0px;
    }
    .navbar-fill li:last-child {
        padding-right:0px;
    }
    .navbar-fill li:last-child a {
        padding-right:0px;
    }
    div.navbar-fill {
        width:590px;
    }
    .miniMenuLastSep {
        padding-right:48px;
    }
}


/* Page with separator */
div.PageWithSep {
}

div.PageWithSep td.Titre {
    font-size: 11px;
    font-weight:bold;
    background-color:white;  
    padding-right: 8px;
    /*width:100px;*/
    border-bottom:none;
    text-align: right;
    vertical-align:top;
    white-space:nowrap;
}

div.PageWithSep td.Sep {
    width: 100%;
}
div.PageWithSep td.Sep div {
    width: 100%;
    height: 10px;
    border-bottom: 1px solid black;
    margin-bottom:8px;
}




/*Page Accueil*/
/*div.PageAccueil {
    height: 500px;
}

div.PageAccueil img {
  display: block;
  width: auto;
  max-height: 100%;
}*/
div.PageAccueil div.img-wrapper {
	padding-bottom: 150%; /* your aspect ratio here! */
	position: relative;
}
div.PageAccueil div.img-wrapper img{
	position: absolute;
	top: 0; 
	bottom: 0; 
	left: 0; 
	right: 0;
    max-width: 100%; /* do not stretch the bootstrap column */
    min-height: 100%; /* optional: if you want the smallest images to fill the .thumbnail */
}

.nopadding{
    padding-left: 0px !important;
    padding-right:0px !important;    
}
.nopadding-two{
    padding-right:45px !important;
}
div.HandCursor {
    cursor:pointer;
    cursor:hand;
}
span.HandCursor {
    cursor:pointer;
    cursor:hand;
}
div.PageAccueil div.photo {
    padding-left:15px; 
    padding-right:15px
}
div.PageAccueil div.photo:first-child {
    padding-left:0px; 
}
div.PageAccueil div.photo:last-child{
    padding-right:0px; 
}

/*Page Contact*/
div.PageContact {
    width: 100%;
    margin-left: 25%;
    margin-right: 25%;
}
div.PageContact div.row,
div.PageContact td
 {
    vertical-align:top;
    margin-top:10px
}
div.PageContact  div.lbl
{
    vertical-align:top;
    width:150px;
    text-align:right;
    display:inline-block;
    margin-right:20px;
    font-size:10px;
    font-weight:bold;
}
div.PageContact input.input {
    width:200px;
}
div.PageContact  textarea.message {
    max-width:none;
    width:500px;
    height:200px;
}
div.PageContact td {
    padding-top:15px;
}


/*Page Pictures*/
div.PagePictures {
    max-width:870px; /*150*5+30*4*/
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
}

div.PagePictures div.Serie {
    display:inline-block;
    margin-bottom:5px;
}
div.PagePictures div.Serie div.SeriePic {
    margin-top:7px;
    margin-bottom:2px;
    margin-right: 25px;
    height:130px;
}
div.PagePictures div.Serie div.SerieName {
    font-size: 9px;
    margin-right: 15px;
    margin-bottom: 15px;
    font-family: 'Open Sans' !important;
    font-style: normal;
    font-weight: 300;
    font-size:9px;
}
div.PagePictures div.Serie a {
    text-decoration: none;
    color: black;
}

/*Page Pictures*/
div.PageVideos {
    max-width:870px;
    margin-top:30px;
    margin-left:auto;
    margin-right:auto;
}
div.PageVideos .ItemNoVid {
    display:table;
    width:100%;
    /*min-height:110px;*/
    /*overflow:hidden;*/
    /*height:50px;*/
}
div.PageVideos .ItemNoVid .ItemPic {
    /*vertical-align:bottom;*/
    display:table-cell;
    width:150px;
}

div.PageVideos .ItemNoVid .ItemDesc {
    /*vertical-align:bottom;*/
    display:table-cell;
    vertical-align:bottom;
}
div.PageVideos .ItemDescription {
    font-family:'Open Sans';
    font-weight:lighter;
    line-height:15px;
    font-size:10px;
}
div.PageVideos .ItemVideo 
{
    display:none;
    /*width:0%;
    height:0%;*/
}

#myCarousel {
    margin-left: 10px;
    margin-right: 10px;
}
#myCarousel .carousel-caption {
    position: relative;
    text-align: left;
    text-shadow: none;
    color: #333;
}
#myCarousel .carousel-caption span {
    font-family: "Open Sans";
    font-size: 9px;
}

#myCarousel > a.left.carousel-control, #myCarousel > a.right.carousel-control {
    margin-bottom: 80px;
}
#myCarousel > a.left.carousel-control > span,
#myCarousel > a.right.carousel-control > span
{
    top: 50%;
    position: absolute;
    display: inline-block;
    font-size: 14px;
    font-family: 'MS Gothic';
    text-shadow: none;
    color: #111;
}
#myCarousel > a.left.carousel-control {
    text-align:left;
}
#myCarousel > a.left.carousel-control > span {
    left:-8px;
}
#myCarousel  a.right.carousel-control {
    text-align: right;
}
#myCarousel a.right.carousel-control span {
    right: -7px;
}



/*Page PageBooks*/
div.PageBooks {
    max-width: 870px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
div.PageBooks .ItemImgAndDsc {
    display:table;
    width:100%;
}
div.PageBooks .ItemImgAndDsc .ItemPic {
    display:table-cell;
    /*width:150px;*/
}

div.PageBooks .ItemImgAndDsc .ItemDesc {
    display:table-cell;
    vertical-align:bottom;
    padding-left:10px;
    width:100%;
}
div.PageBooks .ItemDescription {
    font-family:'Open Sans';
    font-weight:lighter;
    line-height:15px;
    font-size:10px;
}
div.PageBooks .ItemBook 
{
    display:none;
}