/**
* app.css : add style rules
* @date : 2015-11-30
* @author efrancois - SQLI
*/


.img-wrapper img {
    max-width: 100%; max-height: 100%;
}


/* update logo rules */
.logo {
    position: relative;  top: -15px;
    width: 110px; height: 100px;
    margin-top: 0;
}

#header {  height: 110px;   }

.carousel-wrapper {
    display: table;
    width: 100%;
    height: 324px;
    border: 1px solid #d1d0d0;
    box-sizing: border-box;
    margin-bottom: 8px;
	background-color: #000;
}

.carousel-wrapper .list-images {
    display: table-cell;
    vertical-align: top;
}
.carousel-wrapper .list-slides {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}


/* images */
.carousel-wrapper .list-images li {
    position: relative;
}
.carousel-wrapper .list-images li .img-wrapper a {
    display: block;
}


.carousel-wrapper .list-images li .txt-wrapper {
    position: absolute; bottom: 0; left: 0; right: 0; z-index: 2;
}
.carousel-wrapper .list-images li .txt-wrapper a {
    display: block;
    padding: 8px 16px;
    font-size: 14px;
    color: #fff;
}
.carousel-wrapper .list-images li .txt-wrapper a:hover,
.carousel-wrapper .list-images li .txt-wrapper a:focus {
    text-decoration: underline;
}

.carousel-wrapper .list-images li .txt-wrapper a:before {
    content: "";
    position: absolute; z-index: -1;
    top: 0; bottom: 0; left: 0; right: 0;
    background-color: #00223c;
    opacity: 0.8;
}

.carousel-wrapper .list-images li .txt-wrapper a .text { 
	display: table-cell; vertical-align: top; 
	padding: 8px 22px 8px 8px;
}
.carousel-wrapper .list-images li .txt-wrapper a .pager { 
	display: table-cell; vertical-align: bottom;
	padding: 8px 16px 8px 8px;
	color: #E55D1F; 
	position: absolute;
	right: 0px;
	bottom: 8px;
}


/* slides */
.carousel-wrapper .slides li {  border-top: 1px solid #ccc;  }
.carousel-wrapper .slides li:first-child {  border-top: none;  }
.carousel-wrapper .slides li a {
    display: block;
    position: relative; overflow: hidden;
    height: 50px;
    padding: 8px 8px 8px 5px;
    background: #dadada;  color: #000;

    /* gradient */
    background: linear-gradient(to top, #dadada 0%, #f8f8f8 100%);
}

.carousel-wrapper .slides li a:hover,
.carousel-wrapper .slides li a:focus {
    background: #dadada;  color: #000;

    /* gradient */
    background: linear-gradient(to bottom, #dadada 0%, #f8f8f8 100%);
}

.carousel-wrapper .slides li.active a:hover,
.carousel-wrapper .slides li.active a:focus,
.carousel-wrapper .slides li.active a {
    background: #00437a;  color: #fff;

    /* gradient */
    background: linear-gradient(to top, #00437a, #014c8a 100%);
}

.carousel-wrapper .slides li .img-wrapper {
    display: block;
    float: left;
    margin-right: 8px;
}
.carousel-wrapper .slides li .img-wrapper img {}
.carousel-wrapper .slides li .txt-wrapper {
    display: block;
    overflow: hidden;
}



.carousel-wrapper .list-images ul {
    width: 490px;
}
.carousel-wrapper .list-images li {
    display: none;
}
.carousel-wrapper .list-images li.active {
    display: block;
}


.carousel-wrapper .bx-wrapper {
    z-index: 10;
    height: 100%;
    background-color: #ededed;
}

.carousel-wrapper .bx-viewport {
    left: 0;
    top: 24px; bottom: 24px; /* for place pager on top/bottom */
    box-shadow: none;
    background: transparent;
    border: none;
}


.carousel-wrapper .bx-wrapper .bx-controls-direction a {
    left: 0; right: 0;
    height: 24px;  width: 100%;
    margin-top: 0;
}
.carousel-wrapper .bx-wrapper .bx-controls-direction a:before {
    content: "";
    display: block;
    width: 25px;  height: 10px;
    margin: 7px auto;
}

.carousel-wrapper .bx-wrapper .bx-controls-direction a.bx-prev {
    top: 0;
}
.carousel-wrapper .bx-wrapper .bx-controls-direction a.bx-prev:before {
    background: url("../images/home/slider/arrow_up.png") no-repeat;
}

.carousel-wrapper .bx-wrapper .bx-controls-direction a.bx-next {
    top: inherit;
    bottom: 0;
}
.carousel-wrapper .bx-wrapper .bx-controls-direction a.bx-next:before {
    background: url("../images/home/slider/arrow_down.png") no-repeat;
}


/* @todo : regle generique :: a valider par le developpeur */
#nav {  margin-bottom: 8px; }

.flag-list {
	position : relative;
}
.flag-list .flag-link {
	display : inline-block;
	width: 159px;
	font-size: 12px;
}
.flag-list-long .flag-link {
	width: 235px;
}
.mainContent .flag-list .flag-link {
	display : inline-block;
	width: 80px;
}
.mainContent .flag-list-long .flag-link {
	width: 165px;
}
.mainContent .flag-list-long .flag-langue  {
	position: relative;
	float: right;
	width: 78px;
	display: block;
	margin-bottom: 8px;
	margin-top: 4px;
}
.flag-list-long .flag-langue  {
	position: relative;
	float: right;
	width: 82px;
	display: block;
	margin-bottom: 8px;
	margin-top: 4px;
}
.flag-list .flag-langue {
	position : absolute;
	top : 0;
}
.wrapper-video-img {
	float : left;
}
#content2 .wrapper-video-text h4 {
	font-size: 12px;
}
.wrapper-video-text .link_fleche {
	display : inline;
	padding: 0px 2px 2px 10px;
}