﻿

.carousel-rotate .carousel-inner .item {
    -webkit-transition:-webkit-transform .9s; // Chrome Safari
    -moz-transition:-moz-transform .9s;       // Mozilla
    -o-transition:-o-transform .9s;           // Op�ra
    -ms-transition:-ms-transform .9s;         // IE
    transition:transform .9s;
}

.carousel-rotate .carousel-inner .active {
    -webkit-transform:rotate(20deg); 
    -moz-transform:rotate(20deg);
    -o-transform:rotate(20deg); 
    -ms-transform:rotate(20deg); 
    transform:rotate(20deg);
}

.carousel-rotate .carousel-inner .active.left,
.carousel-rotate .carousel-inner .active.right {
    -webkit-transform:rotate(40deg); 
    -moz-transform:rotate(40deg);
    -o-transform:rotate(40deg); 
    -ms-transform:rotate(40deg); 
    transform:rotate(40deg);
}

.carousel-rotate .carousel-inner .next.left,
.carousel-rotate.carousel-inner .prev.right {
    -webkit-transform:rotate(60deg); 
    -moz-transform:rotate(60deg);
    -o-transform:rotate(60deg); 
    -ms-transform:rotate(60deg); 
    transform:rotate(60deg);
}


/*----------------------------------------------------------------------------------------------*/
.carousel-zoom .carousel-inner .item {
    opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    max-width: 100%;
}

.carousel-zoom .carousel-inner .active {
    opacity: 20;
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
    transform:scale(1.25);
}

.carousel-zoom .carousel-inner .active.left,
.carousel-zoom .carousel-inner .active.right {
    left: 0;opacity: 0;z-index: 1;
    -webkit-transform:scale(1.40); /* Safari and Chrome */
    -moz-transform:scale(1.40); /* Firefox */
    -ms-transform:scale(1.40); /* IE 9 */
    -o-transform:scale(1.40); /* Opera */
    transform:scale(1.40);
}

.carousel-zoom .carousel-inner .next.left,
.carousel-zoom .carousel-inner .prev.right {
    opacity: 20;
    -webkit-transform:scale(1.80); /* Safari and Chrome */
    -moz-transform:scale(1.80); /* Firefox */
    -ms-transform:scale(1.80); /* IE 9 */
    -o-transform:scale(1.80); /* Opera */
    transform:scale(1.80);
}

.carousel-zoom .carousel-control {z-index: -2;}
/*----------------------------------------------------------------------------------------------*/
.carousel-fade .carousel-inner .item {opacity: 0;-webkit-transition-property: opacity;transition-property: opacity;}
.carousel-fade .carousel-inner .active {opacity: 1;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {left: 0;opacity: 0;z-index: 1;}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-control {z-index: 2;}
/* html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {height: 100%;}
*/
.item:nth-child(1) {background: transparent;} 
.item:nth-child(2) {background: transparent;}
.item:nth-child(3) {background: transparent;}
/*---------------------corriger comme la haut --------------------------------------------------*/
/*<section class="contrast">
<h2>CSS Contrast</h2>
        <img height="200" src="images/water.jpg" />
</section>  */
/*---------------------corriger comme la haut --------------------------------------------------*/
.carousel-sepia img{filter: sepia(1);-webkit-filter: sepia(1);-moz-filter: sepia(1);-o-filter: sepia(1);-ms-filter: sepia(1);}
.carousel-sepia img:hover{filter: sepia(0);-webkit-filter: sepia(0);-moz-filter: sepia(0);-o-filter: sepia(0);-ms-filter: sepia(0);}
/*----------------------------------------------------------------------------*/
.carousel-grayscale img
{
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1);
}
.carousel-grayscale img:hover
{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
}
/*---------------------class="contrast"------------------------------------------*/
.carousel-contrast img{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.carousel-contrast img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
/*----------------------------------------------------------------------------*/
.carousel-saturate img
{
    filter: saturate(500%);
    -webkit-filter: saturate(500%);
    -moz-filter: saturate(500%);
    -o-filter: saturate(500%);
    -ms-filter: saturate(500%);
}
.carousel-saturate img:hover
{
    filter: saturate(100%);
    -webkit-filter: saturate(100%);
    -moz-filter: saturate(100%);
    -o-filter: saturate(100%);
    -ms-filter: saturate(100%);
}
/*----------------------------------------------------------------------------*/
.carousel-blur img
{
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
}
.carousel-blur img:hover
{
    filter: blur(0);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
}
/*----------------------------------------------------------------------------*/

/* carousel  */
.carousel-indicators {
    left: 100%;
    list-style: outside none none;
    margin-left: -5%;
    margin-right: 30px;
    padding-left: 0;
    position: absolute;
    text-align: center;
    /*top: 10px;*/
    top: inherit!important;
    width: auto;
    z-index: 15;
}
.carousel-caption {
    background: none repeat scroll 0 0 rgba(150, 150, 150, 0.7);
    color: #ffffff;
    display: block;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    z-index: 10000;
    right: 0;
    left: 0;
}
.carousel-caption .btn {
    text-shadow: none;
}

.carousel-caption .titre {
    color: black;
    text-align:left;
    text-decoration:none;
    font-size: 1em;
    font-weight: bold;
	font-family: 'ralewaybold'!important;
   
}
.carousel-caption .titre .univers A {
    color: red;
    float:left;
    text-decoration:none;
   /* text-transform: uppercase;*/
    font-weight: bold;
    font-size: 1em;
	font-family: 'ralewaybold'!important;

}
.carousel-caption ddd {
    font-size: 0.8em;
    color:white;
    font-family: 'Raleway';
}

