
/*===================================== TFWA HOME =====================================*/


body.home #wrapper,
.menu-open #container{background:#fff url(../images/home/bg_new.jpg) repeat-x 0 0 !important;}


#content h2 {font-size:20px;font-weight:bold;line-height:normal;margin-bottom:20px;}


/*=========== HEADER ===========*/
#header {height:auto;}
h1 {width:auto;height:auto;margin:0}
h1 a{margin:0}

/* diaporama javascript en alternative au coverflow flash */
#home-diaporama a{display:block;max-width:960px;width:100%;height:360px}
#nav {text-align:center;margin-top:15px;margin-bottom:10px}
#nav span {display:none}
#nav a {display:inline-block;height:17px;width:17px;margin-left:14px;background:url(../images/home/indicateur-off.jpg) no-repeat 0 0}
#nav a.activeSlide {background:url(../images/home/indicateur-on.jpg) no-repeat 0 0}



/*=========== ZONE INFOS SECONDAIRES  ===========*/
#infos-sec {width:900px;background:url(../images/home/line-zone-bottom.gif) repeat-x 0 0;padding-top:20px;}
#infos-sec .infos {float:left;width:180px;margin-right:60px;}
#infos-sec .infos-2 {float:left;}
#infos-sec .infos img {margin-bottom:15px;width:100%;height:auto;}
#infos-sec .last {margin:0;}

/*=========== PRESS RELEASES  ===========*/
#press-releases {margin-bottom:15px;}
#press-releases li {margin:0;background:url(../images/common/pic-pressrelease-small.png) no-repeat 0 5px;}
#press-releases a {font-size:13px;display:block;line-height:15px;padding-left:30px;}
#press-releases span {display:block;padding:0 0 10px 30px;background:url(../images/common/dotted-line.png) repeat-x 0 bottom;}

#header #ariane{padding-bottom:20px; display:none;}

/*========= carrousel==========*/
.sky-carousel {border:none;height:407px;background:none;}
.sky-carousel .sc-nav-button {width:275px; height:350px;margin:0;top:0}
.touch .sky-carousel .sc-nav-button {width:30px;}
.sky-carousel .sc-nav-button.sc-prev { background:url(../images/home/nav_carousel_l.png) 0 center no-repeat;}
.no-touch .sky-carousel .sc-nav-button.sc-prev:hover { background:url(../images/home/nav_carousel_l_hover.png) 0 center no-repeat;}
.sky-carousel .sc-nav-button.sc-next { background:url(../images/home/nav_carousel_r.png) right center no-repeat;}
.no-touch .sky-carousel .sc-nav-button.sc-next:hover { background:url(../images/home/nav_carousel_r_hover.png) right center no-repeat;}
.sky-carousel .sc-preloader {background: url(../images/sc-graphics/preloader.gif) no-repeat 50% 50%;}
.sky-carousel .pager {position:absolute; bottom:30px;z-index:5001;width:100%;text-align:center;}
.sky-carousel .pager li{ font-size:0px; color:#D5D5D5; display:inline-block;  height:13px; width:13px; background:url(../images/common/introducing_bleu.png) no-repeat -1px -1px; margin:0 5px;cursor:pointer;}
.sky-carousel .pager li.act{ background:url(../images/common/introducing_bleu.png) no-repeat -1px -23px; color:#008fd5 }

.sky-carousel .sky-carousel-container li {width:360px;height:254px;}
.sky-carousel .sky-carousel-container li img {cursor:pointer;}

*+html .sky-carousel .pager li {display:inline;zoom:1}


@media (max-width: 960px) {
	#header {padding-top:48px;}
	/*=========== ZONE INFOS SECONDAIRES  ===========*/
	#infos-sec {width:auto;}
	#infos-sec .infos {float:left;width:47%;margin-right:6%;}
	#infos-sec .csc-default:nth-child(2) .infos {margin-right:0}
	#infos-sec DIV.csc-textpic-center DIV.csc-textpic-imagewrap {margin:0}
	#infos-sec .last {margin:0;}
	h1 {margin-left:-30px;}
}


@media (max-width: 600px) {
	.sky-carousel {height:335px;}
	.sky-carousel .sky-carousel-container li {width:288px;height:203;}
	.sky-carousel .sky-carousel-container li a img {width:100%;height:auto;}
	.sky-carousel .sc-nav-button {width:90px;height:300px;}
}

@media (max-width: 360px) {
	#infos-sec .infos {width:auto;margin-right:0;}
	#infos-sec DIV.csc-textpic-center {text-align:left;}
}



