@CHARSET "UTF-8";


/* ______________________________________________________________________________________  */

.fleche_diapo_gauche { background : url(images/fleche_diaporama_gauche.png) no-repeat top; width:57px; height:88px;} 
.fleche_diapo_gauche:hover { background-position :bottom;} 

.fleche_diapo_droite { background : url(images/fleche_diaporama_droite.png) no-repeat top; width:57px; height:88px;} 
.fleche_diapo_droite:hover { background-position : bottom;} 


.btn_diapo_rond { background : url(images/bouton_diapo.png) no-repeat top; width:19px; height:19px;} 
.btn_diapo_rond:hover { background-position : bottom;} 

.fleche_mini_droite { background : url(images/fleche_mini_droite.png) no-repeat top; width:25px; height:21px;} 
.fleche_mini_droite:hover { background-position : bottom;} 

.fleche_mini_gauche { background : url(images/fleche_mini_gauche.png) no-repeat top; width:25px; height:21px;} 
.fleche_mini_gauche:hover { background-position : bottom;} 
	

	
/* _____________________________BOUTONS ________________________________________________  */	
.btnHover:hover {background-position : bottom;}
.btnHoverSpan:hover span{background-position : bottom;}


/*next button -  PORFOLIO APERCU*/
.btn_rond_fleche_fonce_next {
	position:absolute;
	top:45%;
	right:-50px;
	z-index:999;
	width: 50px;
	height: 50px;
	text-indent: -99999px;
	background: url(images/slides/btn_rond_fleche_fonce_next.png) no-repeat 0 0;
}
/*previous button - PORFOLIO APERCU*/
.btn_rond_fleche_fonce_prev {
	position:absolute;
	top:45%;
	left:-50px;
	z-index:999;
	width: 50px;
	height: 50px;
	text-indent: -99999px;
	background: url(images/slides/btn_rond_fleche_fonce_prev.png) no-repeat 0 0;
}
/*next/prev button hover state*/
.btn_rond_fleche_fonce_next:hover,
.btn_rond_fleche_fonce_prev:hover {
	background-position: 0 -50px;
}



/*  SLIDER HOME VISUELS ---------------------------------------------------------------------------------------------------------------------------------------------------------
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.visuelsSlider {
	width: 990px;
	height: 450px;
	position: relative;
	overflow: hidden;
} 
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/
#visuelsSlider .slide {
	width: 990px;
	display: block;
}

#visuelsSlider .pagination {
    position: absolute;
    z-index:999;
	bottom: 15px;
}
#visuelsSlider .pagination ul {
	width: 500px;
}
#visuelsSlider .pagination li {
	float: left;
	margin:0 1px;
}
#visuelsSlider .pagination li a {
	display: block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slides/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#visuelsSlider .pagination li.current a {
background-position:0 -12px;
} 
/*next button*/
#visuelsSlider .fleche_diaporama_droite {
	position:absolute;
	top:40%;
	right: 57px;
	z-index:999;
	width: 57px;
	height: 88px;
	text-indent: -999999px;
	background: url(images/slides/fleche_diaporama_droite.png) no-repeat 0 0;
}
/*previous button*/
#visuelsSlider .fleche_diaporama_gauche {
	position:absolute;
	top:40%;
	left: 57px;
	z-index:999;
	width: 57px;
	height: 88px;
	text-indent: -999999px;
	background: url(images/slides/fleche_diaporama_gauche.png) no-repeat 0 0;
}
/*next/prev button hover state*/
#visuelsSlider .fleche_diaporama_droite:hover,
#visuelsSlider .fleche_diaporama_gauche:hover {
	background-position: 0 -88px;
}


	
/*  SLIDER HOME LOGO CLIENT---------------------------------------------------------------------------------------------------------------------------------------------------------
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.logoClientSlider { width:250px; position:relative; overflow:visible;} 
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/
#logoClientSlider .slide {
	width:250px;
	display:block;
}

#logoClientSlider .pagination {
    position: absolute;
    top: 5px;
}
#logoClientSlider .pagination ul {
	width: 100px;
}
#logoClientSlider .pagination li {
	float: left;
	margin:0 1px;
}
#logoClientSlider .pagination li a {
	display: block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slides/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#logoClientSlider .pagination li.current a {
background-position:0 -12px;
} 
/*next button*/
#logoClientSlider .btn_rond_fleche_gris_next {
	position:absolute;
	top:40%;
	right:-50px;
	z-index:999;
	width: 50px;
	height: 50px;
	text-indent: -999999px;
	background: url(images/slides/btn_rond_fleche_gris_next.png) no-repeat 0 0;
}
/*previous button*/
#logoClientSlider .btn_rond_fleche_gris_prev {
	position:absolute;
	top:40%;
	left:-50px;
	z-index:999;
	width: 50px;
	height: 50px;
	text-indent: -999999px;
	background: url(images/slides/btn_rond_fleche_gris_prev.png) no-repeat 0 0;
}
/*next/prev button hover state*/
#logoClientSlider .btn_rond_fleche_gris_next:hover,
#logoClientSlider .btn_rond_fleche_gris_prev:hover {
	background-position: 0 -50px;
}



/*  SLIDER PORTFOLIO VIGNETTES APERCU---------------------------------------------------------------------------------------------------------------------------------------------------------
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.portfolioSlider { width:990px; position:relative; overflow:visible;} 
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/
#portfolioSlider .slide {
	width:990px;
	display:block;
}
#portfolioSlider .pagination {
    position: absolute;
    top : 5px;
	left : 45%;
}
#portfolioSlider .pagination ul {
	width: 100px;
}
#portfolioSlider .pagination li {
	float: left;
	margin:0 1px;
}
#portfolioSlider .pagination li a {
	display: block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slides/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#portfolioSlider .pagination li.current a {
background-position:0 -12px;
}


/*  SLIDER DETAIL PROJET PORTFOLIO---------------------------------------------------------------------------------------------------------------------------------------------------------
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/
.loopedSlider { width:576px; position:relative; overflow:hidden;} 
/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/
#loopedSlider .slide {
	width:576px;
	display:block;
}

#loopedSlider .pagination {
    position: absolute;
    top: 5px;
	left : 45%;
}
#loopedSlider .pagination ul {
	width: 100px;
}
#loopedSlider .pagination li {
	float: left;
	margin:0 1px;
}
#loopedSlider .pagination li a {
	display: block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(images/slides/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
#loopedSlider .pagination li.current a {
background-position:0 -12px;
} 

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/