﻿/* CARROUSSEL PREMIER CARROUSSEL */

.cadre_carroussel1
{
    border: thin solid #FFCCFF;
    height: 80px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    -moz-box-shadow: 0px 1px 5px #343434;
-webkit-box-shadow: 0px 1px 5px #343434;
-o-box-shadow: 0px 1px 5px #343434;
box-shadow: 0px 1px 5px #343434;
}
.TITRE_CARROUSSEL1
{
    /* border-width: 1px;
    font-size: medium;
    color: #6666FF;
    font-weight: bold;
    font-style: normal;
    border-bottom-style: dashed;
    border-bottom-color: #B9B9FF;
    text-align: left;
    width: 450px;
    text-decoration: none;*/
    font-size: medium;
    color: #000000;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}		
.list_carousel {
			
				margin: 0 0 0px 0px;
				width: 450px;
				max-height:60px;
				float:left;
				overflow:hidden;
				margin-left:10px;
}
.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block
}
.list_carousel li {
				font-size: 40px;
								text-align: center;
				
				border: 0px;
				width: 50px;
				height: 50px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
}
.list_carousel li img
{
    border:0;
    -moz-box-shadow: 0px 0px 10px #343434;
-webkit-box-shadow: 0px 0px 10px #343434;
-o-box-shadow: 0px 0px 10px #343434;
box-shadow: 0px 0px 10px #343434;
}
.list_carousel.responsive {
				width: auto;
				margin-left: 0;
}
.clearfix {float: none;	clear: both;}
a.prev, a.next {
	background: url(img/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: relative;
	
}
a.prev {background-position: 0 0; }
a.prev:hover {background-position: 0 -50px; }
a.next {background-position: -50px 0; }
a.next:hover {background-position: -50px -50px; }

a.prev span, a.next span {	display: none;}
.prev {	float: left;margin-left:10px}
.next {	float: left;}
			

	
			
/* DEUXIEME CARROUSSEL */

.cadre_carroussel2
{
    border: thin solid #FFCCFF;
    height: 150px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin: 10px;
    -moz-box-shadow: 0px 1px 5px #343434;
-webkit-box-shadow: 0px 1px 5px #343434;
-o-box-shadow: 0px 1px 5px #343434;
box-shadow: 0px 1px 5px #343434;
}
.TITRE_CARROUSSEL2
{
    /* border-width: 1px;
    font-size: medium;
    color: #6666FF;
    font-weight: bold;
    font-style: normal;
    border-bottom-style: dashed;
    border-bottom-color: #B9B9FF;
    text-align: left;
    width: 450px;
    text-decoration: none;*/
    font-size: medium;
    color: #000000;
    font-weight: bold;
    font-style: italic;
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-left: 50px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}		
.list_carousel2 {
			
				margin: 0 0 0px 0px;
				width: 450px;
				max-height:110px;
				float:left;
				overflow:hidden;
				margin-left:10px;
}
.list_carousel2 ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block
}
.list_carousel2 li {
				font-size: 40px;
				
				text-align: center;
	    		width: 100px;
				height: 100px;
				padding: 0;
				margin: 6px;
				display: block;
				float: left;
}
.list_carousel2 li img
{
    border:0;
    -moz-box-shadow: 0px 0px 5px #343434;
-webkit-box-shadow: 0px 0px 5px #343434;
-o-box-shadow: 0px 0px 5px #343434;
box-shadow: 0px 0px 5px #343434;
}
.list_carousel2.responsive {
				width: auto;
				margin-left: 0;
}
.clearfix2 {
				float: none;
				clear: both;
}
a.prev2, a.next2 {
	background: url(img/miscellaneous_sprite.png) no-repeat transparent;
	width: 45px;
	height: 50px;
	display: block;
	position: relative;
	
}
a.prev2 {			background-position: 0 0; }
a.prev2:hover {		background-position: 0 -50px; }
a.next2 {			
					background-position: -50px 0; }
a.next2:hover {		background-position: -50px -50px; }

a.prev2 span, a.next2 span {
	display: none;
}
.prev2 {
				float: left;margin-left:10px
				
			}
			.next2 {
				float: left;
			}