@import url("../Modules/ModuleSmallNews.css");

/*
===================================================================================================
--> GENERAL
===================================================================================================
*/
div.Col1 { padding:0; width:721px; }

/*
===================================================================================================
--> Carousel
===================================================================================================
*/

div#contain-tube { width:100%;  height:320px; background:url("../../Images/Pages/Home/Carousel/bgCarousel.jpg") no-repeat left top #124076; margin-bottom:25px;}
div#contain-tube h1 { color:white; font:22px "myriad Pro", Arial, Helvetica, sans-serif; padding-top:10px; padding-left:15px; background:none; height:auto; margin:0; text-indent:0; width:auto; }
div#contain-tube h2, div#conteneur-carousel h2 { color:white; font:16px "myriad Pro", Arial, Helvetica, sans-serif; margin-bottom:10px; }

div#tubes { width:170px; margin-top:30px; margin-left:15px; float:left; }
div#tubes ul { margin:0; padding:0; }
div#tubes ul li { margin:0 0 10px 0; padding:0; list-style-type:none; }
div#tubes ul li a { 
	width:105px; 
	height:54px; 
	display:block; 
	color:white; 
	text-decoration:none; 
	padding-left:20px; 
	font:19px/54px "myriad Pro", Arial, Helvetica, sans-serif; 
	background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat left -321px; 
}
div#tubes ul li a:hover { background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -126px -321px; }


div#conteneur-carousel { width:525px; float:left; margin-top:30px; }
div#conteneur-carousel h2 { text-align:center; }
div#conteneur-carousel div#carouselG, div#conteneur-carousel div#carouselD { width:35px; height:199px; float:left; }
div#conteneur-carousel div#carouselG a, div#conteneur-carousel div#carouselD a { width:31px; height:43px; display:block; margin-top:78px; text-decoration:none; }
div#conteneur-carousel div#carouselG a { background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -252px -341px; }
div#conteneur-carousel div#carouselG a:hover { background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -316px -341px; }
div#conteneur-carousel div#carouselD a { background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -284px -341px; float:right; }
div#conteneur-carousel div#carouselD a:hover { background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -348px -341px; }

div#carouselthreed { float:left; height:200px; width:450px; margin:0; padding:0; }

div#carouselthreed .tdc-element { height:139px; width:258px;background:url('../../Images/Pages/Home/Carousel/behind/bgEltCarousel.png') repeat-x; overflow:hidden; }
div#carouselthreed .tdc-element div.desc { color:#292929; font:9px Arial, Helvetica, sans-serif; width:125px;float:left; }
div#carouselthreed .tdc-element div.desc a { font:9px Arial, Helvetica, sans-serif; color:#0377b9; text-decoration:none; background:url("../../Images/Pages/ArrowRed.png") no-repeat scroll left center transparent; padding-left:10px; }
div#carouselthreed .tdc-element div.desc a:hover { text-decoration:underline; }
div#carouselthreed .tdc-element div.desc h4 { color:#205095; font:bold 12px Arial, Helvetica, sans-serif; margin:8px 0 8px 8px; height:30px; }
div#carouselthreed .tdc-element div.desc p { margin:6px 0 6px 8px; width:115px; height:60px; display:block; overflow:hidden; }
/*div#carouselthreed .tdc-element div.desc a.lnkSuite { margin:0px 8px; width:79px; height:15px; background:url("../../Images/Pages/Home/Carousel/Carousel.png") no-repeat -352px -321px; display:block; }*/
div#carouselthreed .tdc-element div.desc a.lnkSavoir,
div#carouselthreed .tdc-element div.desc a.lnkSuite { margin:0px 5px; width:auto; padding:0; height:15px; background:url('../../Images/Pages/btnRedArrowTn.png') no-repeat left top; display:block; text-decoration:none; }
div#carouselthreed .tdc-element div.desc a.lnkSavoir { width:70px; }
div#carouselthreed .tdc-element div.desc a.lnkSavoir span,
div#carouselthreed .tdc-element div.desc a.lnkSuite span { color:#FFF; background:url('../../Images/Pages/btnRedArrowTn.png') no-repeat right top; display:block; font:9px/15px Arial, Helvetica, sans-serif; margin-left:13px; }
div#carouselthreed .tdc-element div.desc a img { border:none; }
div#carouselthreed .tdc-element img.ill { height:139px; }

div#carouselthreed .tdc-element.top { height:199px; width:370px;background:url('../../Images/Pages/Home/Carousel/bgEltCarousel.png') repeat-x; }
div#carouselthreed .tdc-element.top div.desc { color:#292929; font:14px Arial, Helvetica, sans-serif; width:179px;float:left; }
div#carouselthreed .tdc-element.top div.desc a { font:12px Arial, Helvetica, sans-serif; }
div#carouselthreed .tdc-element.top div.desc h4 { color:#205095; font:bold 16px Arial, Helvetica, sans-serif; margin:10px; height:40px; }
div#carouselthreed .tdc-element.top div.desc p { margin:15px 10px; width:170px; height:95px; display:block;  }
div#carouselthreed .tdc-element.top div.desc a.lnkSavoir,
div#carouselthreed .tdc-element.top div.desc a.lnkSuite { margin:0px 10px; width:auto; height:19px; background:url('../../Images/Pages/btnRedArrow.png') no-repeat left top; display:block; }
div#carouselthreed .tdc-element.top div.desc a.lnkSavoir { width:90px; }
div#carouselthreed .tdc-element.top div.desc a.lnkSavoir span,
div#carouselthreed .tdc-element.top div.desc a.lnkSuite span { color:#FFF; background:url('../../Images/Pages/btnRedArrow.png') no-repeat right top; display:block; font:13px/19px Arial, Helvetica, sans-serif; margin-left:17px; }
div#carouselthreed .tdc-element.top div.desc a img { border:none; }
div#carouselthreed .tdc-element.top img.ill { height:199px; }


/*
===================================================================================================
--> TEASERs
===================================================================================================
*/
div.Col1 div.zoom { width:335px; height:231px; padding:5px; padding-left:10px; background:url("../../Images/Pages/Home/teaser-formation.png") no-repeat left top #d3d3d3; position:relative; float:left; margin-right:20px; margin-bottom:25px; }
div.Col1 div.zoom h2 { margin-bottom:25px; }
div.Col1 div.zoom h3 { color:#15396f; font:bold 15px Arial, Helvetica, sans-serif; margin-bottom:10px; }
div.Col1 div.zoom p { display:block; width:185px; height:105px; background:url("../../Images/Pages/Home/bgTeaser1.jpg") no-repeat; padding-left:150px; }
div.Col1 div.zoom p a { display:block; margin-top:10px; }
/*div.Col1 div.zoom.teaser-1 p a { display:inline; }*/
div.Col1 div.zoom a.teaser-all { display:block; position:absolute; bottom:7px; right:15px; }
div.Col1 div.zoom.teaser-2 { background:url("../../Images/Pages/Home/teaser-elearning.png") no-repeat left top #d3d3d3; margin-right:0; }
div.Col1 div.zoom.teaser-2 p { background:url("../../Images/Pages/Home/bgTeaser2.jpg") no-repeat; }
div.Col1 div.zoom.teaser-2 a.teaser-all { right:40px; }