/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/
/* ACTU SLIDER */
.actuSlider 						{ width: 360px; height: 200px; position: relative; margin: 0 auto 0; }
.actuSlider 	.textSlide h3		{margin-top:0px;color:#095d1a;}
.actuSlider .wrapper               		 { width: 360px; overflow: hidden; height: 200px; margin: 0px; position: absolute; top: 0; }
.actuSlider .wrapper ul             	{ width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0; }
.actuSlider ul li                   			{ display: block; float: left; padding: 0; height: 120px; width: 360px; margin: 0; padding-right:20px;background:none;}
.actuSlider ul li .img				{float:left;width:145px;height:90px;display:block;}
.actuSlider ul li .text				{float:left;width:215px;margin-right:0px;text-align:justify;}	
.actuSlider ul li .text	h3			{margin-top:0px;}
.actuSlider .arrow                  		{ display: block; height: 17px; width: 7px; text-indent: -9999px; position: absolute; top: -23px; cursor: pointer; }
.actuSlider .forward                		{ background:transparent url(../images/interface/fleche.jpg) no-repeat 0 0; right: 30px;}
.actuSlider .back                  		 { background:transparent url(../images/interface/fleche_gauche.jpg) no-repeat 0 0; right: 47px; }
.actuSlider #start-stop			{display:none;}
/* OCCAS SLIDER */
.ocacasSlider                         { width: 240px; height: 120px; position: relative; margin: 0 auto 0; }
.ocacasSlider .wrapper                { width: 240px; overflow: hidden; height: 100px; margin: 20px 0 0 0; position: absolute; top: 0; }
.ocacasSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; padding:0;}
.ocacasSlider ul li                   { display: block; float: left; padding: 0; height: 120px; width: 268px; margin: 0; /*padding-left:75px;padding-right:30px;*/}
.ocacasSlider ul li .img	{float:left;width:90px;height:90px;display:block;}
.ocacasSlider ul li .text	{float:left;width:143px;background:url('../images/interface/bulle.gif') top left no-repeat;padding-left:10px;margin-right:0px;}	
.ocacasSlider .arrow                  { display: block; height: 17px; width: 7px; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.ocacasSlider .forward                { background:transparent url(../images/interface/fleche.jpg) no-repeat 0 0; right: 30px; top:10px;}
.ocacasSlider .back                   { background:transparent url(../images/interface/fleche_gauche.jpg) no-repeat 0 0; right: 47px; top:10px; }
.ocacasSlider .textSlide h3 {margin-top:5px;}
/*.ocacasSlider .forward:hover, .ocacasSlider .back:hover, #start-stop:hover, #start-stop.playing:hover         { background-position: 0 -17px; }*/
.ocacasSlider #start-stop {display:none;}

.textSlide  {padding-top:3px;}
.textSlide h3 {font-size: 10px; font-weight:bold;margin-bottom:5px;}
.textSlide h3 a {color:#fff;}
.textSlide h3 a:hover {text-decoration:underline}
.textSlide p { font-size: 10px; height:60px; overflow:hidden;margin:0;color:#fff;}
.textSlide .img-actu {float:left; margin-right:10px;}
.textSlide .bloc_liens {
display:block;
width:128px;
height:23px;
background:transparent url(../images/interface/btn_actus_suite.png) no-repeat 0 0 !important;
background:transparent url(../images/interface/btn_actus_suite.gif) no-repeat 0 0;
font-family: "Helvetica Neue", Helvetica, Arial, "Myriad Pro", Myriad, Tahoma, Geneva, sans serif; 
font-weight:600; 
color:#fff; 
text-decoration:none; 
text-transform:uppercase; 
text-align:center;
font-size:14px;
padding-top:17px;
}
.textSlide .bloc_liens:hover {
background:transparent url(../images/interface/btn_actus_suite.png) no-repeat 0 -40px !important;
background:transparent url(../images/interface/btn_actus_suite.gif) no-repeat 0 -40px;
}
.peopleSlider .textSlide  {text-align:center}
.ambassadeurs_petitSlider .textSlide {text-align:center }

/* SLIDER */ 
.textSlide .actus_liens {margin:-6px 0 0 250px;}
.textSlide .msgs_liens {margin:-25px 0 0 150px;}

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: #666; font-size: 12px; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #f30; }

#start-stop                             {height: 17px; width: 17px; background:transparent url(../images/interface/pic_slider_play.jpg) no-repeat 0 0; position: absolute; right: 30px; top: 10px; }
#start-stop.playing                     { background:transparent url(../images/interface/pic_slider_pause.jpg) no-repeat 0 0; }

.actusSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.actusSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

/* IE 6 */
* html .actusSlider {height: 120px;}
* html .actusSlider .wrapper {margin: 22px 0 0 5px;}	
* html .actusSlider ul li  {height: 120px;}
* html .actusSlider .back {top: 0;}
* html .actusSlider .forward {top: 0;}

* html .msgsSlider .wrapper {margin: 22px 0 0 0;}
* html .msgsSlider .back {top: 0;}
* html .msgsSlider .forward {top: 0;}

* html .peopleSlider .wrapper {margin: 22px 0 0 0;}	
* html .peopleSlider .back {top: 0;}
* html .peopleSlider .forward {top: 0;}

* html .ambassadeurs_petitSlider .wrapper                { margin: 0 0 0 0; }
* html .ambassadeurs_petitSlider .back {top: 140px;}
* html .ambassadeurs_petitSlider .forward {top: 140px;}
* html .ambassadeurs_petitSlider #start-stop {top: 140px; }

* html #start-stop   {top: 0;}

/* IE 7 */
*:first-child+html .actusSlider .wrapper {margin: 22px 0 0 5px;}
*:first-child+html .actusSlider .back {top: 0;}
*:first-child+html .actusSlider .forward {top: 0;}
*:first-child+html .actusSlider #start-stop {top: 0; }
*:first-child+html .actusSlider .textSlide .actus_liens {margin:-3px 0 0 250px;}

*:first-child+html .msgsSlider .wrapper {margin: 22px 0 0 0;}
*:first-child+html .peopleSlider .wrapper {margin: 22px 0 0 0;}
*:first-child+html .ambassadeurs_petitSlider .wrapper {margin: 2px 0 0 0;}
*:first-child+html .ambassadeurs_petitSlider .forward { right: 10px; top:140px;}
*:first-child+html .ambassadeurs_petitSlider .back { right: 50px; top:140px; }
*:first-child+html .ambassadeurs_petitSlider #start-stop {right: 30px; top: 140px; }