/* =========== */
/* = general = */
/* =========== */

@font-face { font-family: big_noodle_titling; src: url('../assets/fonts/big_noodle_titling.ttf'); }
@font-face { font-family: garamond; src: url('../assets/fonts/AGaramondPro-BoldItalic.otf'); }

body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	background:url(../images/motif.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #837a79;
	width:100%;
	height:100%;

}
a { text-decoration: none; color: #cc0000; }
a:hover { color: #cc0000; }

img{ display: block; border:none; }

.clear { clear: both; display: inline; }

.droite { float: right; }
.gauche { float: left; }

.site {
	position:relative;
	text-align:center;
	width:1400px;
	overflow:hidden;
	background:#fff;
	box-shadow: 0 1px 10px #ccc;
	-moz-box-shadow: 0 1px 10px #ccc;
	-webkit-box-shadow: 0 1px 10px #ccc;
	margin:0 auto;
	min-height:800px;
}

.hidden { display:none; }


/* =========== */
/* = website = */
/* =========== */


/*  HOME  */

.header { position:absolute; width:1000px; height:130px; background:url(../images/fond-menu.png); left:200px; margin:0 auto; z-index:100; }
.logo-header { margin:13px 20px 0 10px; }
.logo-header-1 { margin:5px 20px -10px 10px; }

.menu { margin:85px auto 0 50px; color:#fff; text-transform:uppercase; width:950px; height:30px; }
ul.top-menu { display:inline; left:0px; }
ul.top-menu li { list-style-type:none; display:block; float:left; margin:0 15px 0 0; left:0px; position:relative; }

ul.top-menu li a { color:#fff; font-family: big_noodle_titling; font-size: 19px; }
ul.top-menu li a:hover, ul.top-menu li a.active { color:#cc0000; }
.active { color:#cc0000; }

.logo { width:341px; height:192px; background:url(../images/logo-horspiste.png) no-repeat; z-index:110; top:150px; left:200px; position:absolute; }
.logo h1 { display:none; }

.slide { position:relative; z-index:1; margin:0; height:800px; }

.content-home {width:100%; height:600px; position:relative; z-index:10; margin-top:-45px; }
.top-content-home { background:url(../images/forme-rouge.png) no-repeat top left; float:right; width:100%; }


.top-content-home h3 { color:#fff; text-transform:uppercase; width:200px; margin:25px 180px 10px 0; }
/*.texte-presentation { position:relative; color:#666666; font-size:12px; width:450px; top:100px; margin:0 30px; float:right; text-align:left; }*/

.video-home-center {
	margin:30px auto;
	background:url(../images/loading-video.gif) center center no-repeat;
}


.separation-home { background:url(../images/separation.jpg) no-repeat; width:985px; height:15px; float:left; margin:20px auto; position:relative; }



#introduction-expendable {
	height: 60px;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 999;
	background: #CB2717;
	color: #ffffff;
}

#introduction-expendable .expendable-main {
	line-height: 60px;
	height: 60px;
	width: 100%;
}

#introduction-expendable .expendable-more {
	clear:both;
	padding: 20px;
}

#introduction-expendable .expendable-more p{
	text-align: justify;
}

.footer { clear:both;background:url(../images/fond-footer.jpg) 0 30px repeat-x; width:1400px; margin-top:30px; position:relative; height:450px; z-index:140; top:0; float:left; }
.top-footer { background:url(../images/forme-grise.png) no-repeat; position:relative; min-height:450px; width:1400px; }

.col-1 {position:relative;  width:225px; top:50px; left:170px; float:left; }
.col-2 {position:relative;  width:190px; top:50px; left:170px; float:left; }
.col-3 {position:relative;  width:220px; top:50px; left:170px; float:left; }
.col-4 {position:relative;  width:180px; top:50px; left:200px; float:left; background:url(../images/sep-footer.jpg) 0 15px no-repeat; padding-left:30px; }
.col-5 {position:relative;  width:100px; top:50px; left:250px; float:left; }

.footer ul { list-style-type:none; text-align:left; }
.footer ul li { color:#fff; text-transform:uppercase; line-height:35px; font-family: big_noodle_titling; font-size: 22px; }
.footer ul li a { color:#fff; }
.footer ul li a:hover { color:#cc0000; }
.footer ul.sous-menu { margin:-5px 0 15px -40px;  }
.footer ul.sous-menu li { color:#666; font-family: Arial, Helvetica, sans-serif; font-size:12px; text-transform:lowercase; line-height:18px; }

.copyright { width:1000px; border-top:1px solid #666; text-align:center; float:left; padding-top:10px; position:relative; top:80px; left:200px;}
.copyright span { color:#CC0000; }

.copyright a { color:#fff; }
.copyright a:hover { color:#CC0000; }

.logo-footer { width:1000px; float:left; margin:10px auto; position:relative; top:100px; left:200px; text-align:center; }
.logo-footer img { margin:0 auto; }

.video-home_full {
	height: 749px;
	overflow: hidden;
	position: relative;
}

.video-home_full .overlay {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1;
}

.video-home_full .overlay .skip-intro {
	width: 240px;
	height: 110px;
	position: absolute;
	left: 50%;
	margin-left: -120px;
	bottom: 50px;
	z-index: 2;
	background:transparent url(../images/skip_intro.png) no-repeat 50% 50%;
	cursor: pointer;
}

.expandable-content {
	height: 826px;
	overflow: hidden;
	width: 1020px;
	margin:auto;
	margin-top: 100px;
}

.video-home {
	position:relative;
	float:left;
	margin-right:10px;
	background:url(../images/loading-video.gif) center center no-repeat;
}

.texte-presentation {
	position:relative;
	color:#666666;
	font-size:14px;
	line-height:19px;
	margin-left: 590px;
	text-align:left;
}

.top-content-home h4 {
	font-family:Garamond; letter-spacing:-1px; font-weight:normal;
	font-size:30px; color:#cc0000!important;
	margin: 5px 0 0 0;
}

.text-presentation_more {
	clear: both;
	padding-top: 20px;
	width: 100%;
}


/*  PRESENTATION  */

.presentation { background:url(../images/fond-tech-ski.jpg) no-repeat top left; width:100%; height:100%; }

.decal-presentation { margin-left:500px!important; width:700px!important; }

/*  CONTENU  */

.header-contenu { width:1400px; height:202px; background:url(../images/fond-bandeau.png) no-repeat top left; z-index:100; clear:both; }
.logo-contenu-header { position:relative; margin:15px 0 0 0; left:0px; top:0px; clear:left;}
.logo-contenu-header-1 { position:relative; margin:10px 0 0 0; left:0px; top:0px; clear:left;}

.logo-contenu { float:left; width:190px; height:110px; background:url(../images/logo-contenu.png) no-repeat; z-index:110; margin:20px 0 0 0; }
.logo-contenu h1 { display:none; }

.header-contenu-bloc { width:1100px; margin:0 auto; }

.menu-contenu { float:right; margin:45px 0 0 0; color:#fff; text-transform:uppercase; width:800px; height:30px; line-height:30px; }

.container { width:1400px; min-height:230px; float:left; margin:0; }

#content { width:1400px; margin: 30px auto 120px auto; position:relative; padding:0; text-align:left; left:0; z-index:1; top:0; }
#content h3 { width:1000px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; font-size:40px; color:#887e7c; margin:15px 200px 0px 200px; }
.texte-content { position:relative; color:#666666; font-size:12px; width:1000px; margin:0 200px 0 200px; }

.prezi iframe { margin:20px 0 0 250px; }

/*.loading-page { position:relative; background:#fff url(../images/loading.gif) no-repeat 50% 50%; width:200px; height:200px; margin:40px auto; }
.loading-page1 { position:relative; float:left; background:#fff url(../images/loading.gif) no-repeat 50% 50%; width:200px; height:200px; margin:130px auto; }*/

#ajax-loader { position: absolute; width:1400px; height:100%; top: 230px; display:none; z-index:130; background:url(../images/fond-loading.png); }
#ajax-loader img, #ajax-loader1 img, #ajax-loader2 img { margin:20px auto; }

#ajax-loader1 { position: absolute; width:1400px; height:1000px; top: 230px; display:none; z-index:130; background:url(../images/fond-loading.png); }
#ajax-loader2 { position: absolute; width:1400px; height:900px; top: 0px; padding-top:100px; left:-300px; display:none; z-index:130; background:url(../images/fond-loading.png); }


.fil-ariane { height:20px; float:left;  background:url(../images/sep-filariane.png) no-repeat; padding:5px 0 5px 20px; margin:30px 0 0 0; }
.fil-ariane ul { display:inline; color:#fff; font-weight:bold; height:20px; }
.fil-ariane ul li { height:20px; list-style-type:none; display:block; float:left; margin:0 15px 0 0; background:url(../images/fleche-filariane.png) no-repeat; padding:5px 0 5px 20px; }
.fil-ariane ul li a { color:#fff; }
.fil-ariane ul li.first { background:none; padding:5px 0 5px 10px; }


/*  TECHNIQUES  */

.techniques1 { position:relative; width:1000px; float:left; margin:0 0 0 200px; min-height:300px; }
.techniques-bloc-1 a { background:url(../images/fond-technique-1.png) no-repeat; position:relative; width:1400px; float:left; margin:10px 0 0 -200px; height:263px; z-index:125; }
.techniques-bloc-2 a { background:url(../images/fond-technique-2.png) no-repeat; position:relative; width:1400px; float:left; margin:-60px 0 0 -200px; height:292px; z-index:120; }

.techniques-bloc-1 a:hover { background:url(../images/fond-technique-1-on.png) no-repeat; }
.techniques-bloc-2 a:hover { background:url(../images/fond-technique-2-on.png) no-repeat; }

.ski { color:#fff; font-size:75px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; float:right; margin:80px 300px 0 0; }
.snowboard { color:#fff; font-size:75px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; float:left; margin:110px 0 0 200px; }


.techniques-niveaux { position:relative; width:1400px; float:left; margin:0; min-height:400px; background:url(../images/fond-tech-ski.jpg) no-repeat top left; }
.techniques-niveaux1 { position:relative; width:1400px; float:left; margin:0; min-height:400px; background:url(../images/fond-tech-snow.jpg) no-repeat top left; }
.tech-niveaux { position:relative; width:1000px; float:left; margin:0 0 0 300px; }
.tech-niveaux h3 { width:100%; float:left; margin:0!important; }

.choix-niv { position:relative; float:left; width:1000px; margin:20px 0 0 0; }

.tech-niveaux ul { display:inline; float:left; }
.tech-niveaux ul li { list-style-type:none; display:block; float:left; margin:0 30px 0 0; }
.tech-niveaux ul li a { font-family:Garamond; letter-spacing:-1px; font-weight:normal; font-size:25px; color:#837a79; }
.tech-niveaux ul li a:hover, .tech-niveaux ul li a.active { color:#cc0000; }

.tech-niveaux .separation { background:url(../images/separation.jpg) no-repeat; width:985px; height:15px; float:left; margin:20px 0; position:relative; }

.niv-video { width:1000px }
.petite-video { background:url(../images/fond-video-petite.png) no-repeat; width:510px; height:320px; float:left; margin:30px 20px 0 0; }
.petite-video iframe { margin:30px 20px; }
.petite-video-description { width:450px; float:left; margin:30px 0 0 0; }
.petite-video-description h4 { margin:0; font-size:30px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; color:#cc0000; }
.petite-video-description p { font-size:14px; }

.pictos-techniques { width:900px; float:left; margin:30px 0 0 0; }
a.picto-habiletes { float:left; width:200px; background:url(../images/picto-habiletes.jpg) no-repeat top center; padding-top:120px; text-align:center; margin:0 100px 0 40px; color: #837a79; }
a.picto-virages { float:left; width:200px; background:url(../images/picto-virages.jpg) no-repeat top center; padding-top:120px; text-align:center; color: #837a79; }
a:hover.picto-habiletes { background:url(../images/picto-habiletes-on.jpg) no-repeat top center; }
a:hover.picto-virages { background:url(../images/picto-virages-on.jpg) no-repeat top center; }

.pictos-techniques h4 { font-size:16px; text-transform:uppercase; margin-bottom:-10px; }


.techniques-videos { width:1170px; float:left; margin:0 150px; }
.techniques-videos h2 { margin:0!important; text-align:left!important; width:500px!important; }

.video1 { position:relative; float:left; width:680px; height:382px; margin:30px 0 30px 0; background:url(../images/loading-video.gif) center center no-repeat; }
.techniques-description-vid-gauche { width:400px; height:550px; background:url(../images/fond-desc-grande2.png) no-repeat; z-index:20; padding:30px 35px 30px 40px; margin:-30px 0 0 -30px; position:relative; color:#fff; float:left;}
.techniques-description-vid-gauche h3 { font-size:30px!important; font-family:Garamond; letter-spacing:-1px; font-weight:normal; margin:20px 0 0 0; color:#fff!important; margin:0 0 2px 0!important; width:400px!important;  }
.fiche-technique { background:url(../images/picto-fiche-technique.png) no-repeat; padding: 10px 0 10px 40px; text-transform:uppercase; color:#fff; height:20px;}
.techniques-description-vid-gauche p, .techniques-description-vid-gauche1 p { font-size:12px; }

.techniques-description-vid-gauche1 { width:330px; height:550px; background:url(../images/fond-desc-grande1.png) no-repeat; z-index:20; padding:30px 25px 30px 40px; margin:-30px 0 0 -30px; position:relative; color:#fff; float:left;}
.techniques-description-vid-gauche1 h3 { font-size:30px!important; font-family:Garamond; letter-spacing:-1px; font-weight:normal; margin:20px 0 0 0; color:#fff!important; margin:0 0 2px 0!important; width:330px!important;  }

.aides { width:1100px; float:left; margin:0; }
.aides-video { width:330px; margin:20px 30px 20px 0; float:left; }
.aides h3 { margin-left:0!important; }
.aides-video-titre { text-transform:uppercase; font-size:14px; font-weight:bold; width:300px; text-align:center; margin:10px 0; }

h3.habiletes { margin:50px 0 0 40px!important; line-height:30px!important; }
.txt-fat { font-size:18px!important; margin:20px 60px 0 40px; }



/*  selection  */

#demo-frame > div.demo { padding: 10px !important; }




/*  ENSEIGNEMENT  */

.container-enseignement { width:1400px; margin:0; min-height:230px; float:left; margin:0; }

.colone1 { position:relative; width:350px; float:left; margin-right:30px; }
.colone2 { position:relative; width:600px; float:left; margin-right:20px; }

.separation { background:url(../images/separation.jpg) no-repeat; width:985px; height:15px; float:left; margin:20px 200px 0 200px; position:relative; }
.separation1 { background:url(../images/separation.jpg) no-repeat; width:985px; height:15px; float:left; margin:20px auto; position:relative; }
.separation2 { background:url(../images/separation.jpg) no-repeat; width:985px; height:15px; float:left; margin:-60px auto 40px auto; position:relative; }

.enseignement { position:relative; width:1000px; float:left; margin:0 200px 0 200px; min-height:300px; }

.enseignement-carousel { background:url(../images/fond-carousel.png) no-repeat; position:relative; width:1400px; float:left; margin:30px 0 0 -200px; height:423px; z-index:100; }

.enseignement-carousel h4 { display:none; }

.carousel-block1 a { width:301px; height:423px; background:url(../images/im-enseignement-1.png) no-repeat; margin:0 0 0 100px; float:left; }
.carousel-block2 a { width:301px; height:423px; background:url(../images/im-enseignement-2.png) no-repeat; margin:0; float:left; }
.carousel-block3 a { width:301px; height:423px; background:url(../images/im-enseignement-3.png) no-repeat; margin:0; float:left; }
.carousel-block4 a { width:301px; height:423px; background:url(../images/im-enseignement-4.png) no-repeat; margin:0; float:left; }

.carousel-block1 a:hover { background:url(../images/im-enseignement-1-on.png) no-repeat; }
.carousel-block2 a:hover { background:url(../images/im-enseignement-2-on.png) no-repeat; }
.carousel-block3 a:hover { background:url(../images/im-enseignement-3-on.png) no-repeat; }
.carousel-block4 a:hover { background:url(../images/im-enseignement-4-on.png) no-repeat; }

.enseignement-titre { width:500px; height:115px; float:left; padding-left:130px; margin-top:30px; }
.enseignement-titre h3 { color:#cc0000!important; margin:10px 0 10px 0!important; }
.enseignement-titre p { margin-top:0px; font-size:14px; font-weight:bold; float:left; position:relative; }

.qui { background:url(../images/picto-qui.jpg) no-repeat; }
.ou { background:url(../images/picto-ou.jpg) no-repeat; }
.quoi { background:url(../images/picto-quoi.jpg) no-repeat; }
.comment { background:url(../images/picto-comment.jpg) no-repeat; }

.enseignement-menu { border-left:1px solid #ccc; padding-left:30px; float:right; margin-top:30px; }
.enseignement-menu ul { list-style-type:none; text-transform:uppercase; margin:0; padding:0; }
.enseignement-menu ul li { height:25px;  }


.enseignement-menu ul li a { color:#887e7c; padding:5px 0 5px 40px; background:url(../images/picto-fleche.jpg) no-repeat; font-family: big_noodle_titling; font-size: 21px; }
.enseignement-menu ul li a:hover { color:#cc0000;  padding:5px 0 5px 40px; background:url(../images/picto-fleche-on.jpg) no-repeat; }
.enseignement-menu ul li a.active { color:#cc0000; }

.enseignement-videos { width:1000px; float:left; }
.col-video { width:315px; float:left; margin:30px 5px 0 0; }
.col-video img { z-index:1; }
.description-vid { width:235px; height:361px; background:url(../images/fond-description.png) no-repeat; z-index:20; padding:20px 40px; margin:-40px 0 0 10px; position:relative; color:#fff; }

.description-vid h4 { font-size:30px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; margin:20px 0 0 0; }
.description-vid p.sous-titre { font-size:14px; opacity:0.5; font-weight:bold; margin-top:-5px; }
.description-vid p { font-size:12px; }

.video { position:relative; float:left; width:655px; height:450px; margin:30px 0 30px 60px; }
.description-vid-gauche { width:235px; height:361px; background:url(../images/fond-description.png) no-repeat; z-index:20; padding:20px 40px; margin:75px 0 0 -40px; position:relative; color:#fff; float:left;}
.description-vid-gauche h4 { font-size:30px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; margin:20px 0 0 0; }
.description-vid-gauche p { font-size:12px; }

.enseignement-texte { width:1000px; float:left; margin:60px 0 0 0; position:relative; font-size:14px; }
.enseignement-texte p.list { float:left; margin:0; }
.enseignement-texte ul { float:left; margin:0 0 0 10px; color:#cc0000; }
.enseignement-texte h4 { font-size:25px; font-family:Garamond; letter-spacing:-1px; font-weight:normal; width:1000px; text-align:center; float:left; margin:40px 0 0 10px; }

.enseignement-videos-1 { width:1100px; float:left; margin:0 0 0 -50px; }

.col-video-1 { width:255px; float:left; margin:0 5px 0 0; }
.col-video-1 img { z-index:1; }
.description-vid-1  { width:220px; height:361px; background:url(../images/fond-description-1.png) no-repeat; z-index:20; padding:20px 20px 20px 30px; margin:-30px 0 0 -5px; position:relative; color:#fff; }
.description-vid-1 ul { margin:-5px 0 0 0; }


/* SORTIE TYPE  */

.col-video-sortie { width:480px; float:left; margin:0 30px 0 0; }
.sortie1 { margin-left:200px; }

.col-video-sortie h3 { margin:0 0 20px 0!important; font-size:25px!important; width:100%!important; text-align:center; }

.col-video-sortie iframe { z-index:1; }
.description-vid-sortie  { width:320px; height:301px; background:url(../images/fond-desc-sortie.png) top center no-repeat; z-index:20; padding:20px 40px 20px 40px; margin:-10px 0 0 40px; position:relative; color:#fff; }

.bu-descision a { background:url(../images/bu-descision.jpg); width:426px; height:40px; margin:30px 0 30px 480px; float:left; }
.bu-descision a:hover { background:url(../images/bu-descision-on.jpg); }

.complement { width:1000px; margin:0 auto; }
.complement h3 { margin:0; }



/* TRUCS ET ASTUCES  */

#content h2 { width:1000px; text-align:center; font-family:Garamond; letter-spacing:-1px; font-weight:normal; font-size:43px; color:#887e7c; margin:15px 200px 30px 200px; }
h3.titre-trucs { font-family:Arial, Helvetica, sans-serif!important; font-weight:bold; letter-spacing:0; font-size:14px!important; text-transform:uppercase!important; width:100%!important; text-align:center; margin:0 0 10px 0!important; }

.col-video-trucs { width:680px; float:left; margin:0 0 50px 0; margin-left:350px; }

.vid { background:url(../images/loading-video.gif) center center no-repeat!important; }


/*   STRATEGIE    */

.techniques-description-vid-gauche h3 { font-size:24px!important; line-height:21px; margin-top:10px; }
.techniques-description-vid-gauche h4 {margin-bottom:3px;}
.aides h3 { color:#cc0000!important; }
.aides h4 { font-weight:bold; font-size:18px; margin-bottom:3px; color:#cc0000; }

.flipbook iframe { margin:20px 0 0 -150px; }



/*   RANDONNEES    */

.petit-scroll { height:400px; overflow:auto; }



/*   AIDE À LA DESCISION    */


.titre-centre { text-align:center; padding-left:60px; }
.tableau { margin:20px 0 0 200px; }
.tableau img { margin-left:-50px; }




/********* accordion **********/

#accordion h3 { width:330px; height:35px; padding:0; }
#accordion h3 a { font-family:Arial, Helvetica, sans-serif; color:#fff!important; font-size:14px; font-weight:bold; margin:0 0 0 10px; }

#accordion1 h3 { width:330px; height:35px; padding:0; }
#accordion1 h3 a { font-family:Arial, Helvetica, sans-serif; color:#fff!important; font-size:14px; font-weight:bold; margin:0 0 0 10px; }


/* =========== */
/* = slider  = */
/* =========== */


/*#slider {
    margin:0;
    width:1400px;  Make sure your images are the same size
    height:800px;  Make sure your images are the same size
}*/

.slide {
	display: none;
}

.nivoSlider {
	position:relative;
	background:#fff url(../images/loading.gif) no-repeat 50% 50%;
    margin:0px;
    /*-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;*/
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:50%;
	bottom:140px;
    margin-left:-50px; /* Tweak this to center bullets */
}
.nivo-controlNav a {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}

.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	width:266px;
	height:266px;
	left:50%;
	margin-left:-133px;
	bottom:50px;
	background:url(../images/fond-accroche.png) no-repeat;
	color:#fff;
	/*opacity:0.8;  Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	font-size:110px;
	font-family:Garamond; letter-spacing:-1px; font-weight:normal;
	font-weight:normal;
	width:700px;
	text-shadow: 2px 2px 5px #333;
	margin:40px 0 0 -220px;

}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}



/********* carroussel **********/


.carrousel-cyclique{
	position:relative;
	overflow:hidden;
}
.carrousel-cyclique .next{
	position:absolute;
}
.carrousel-cyclique .prev{
	position:absolute;
}

.carrousel-cyclique .interieur-carrousel-cyclique
{
	position:relative;
	overflow:hidden;
}

.carrousel-cyclique .items-cyclique{
	position:absolute;
	top:0;
	left:0;
	width: 100000px;
}
.carrousel-cyclique .item-cyclique{
	display:block;
	float:left;
}


#mon-carrousel1{
	    width:847px;    /* la largeur totale du carrousel */
	    height:371px;   /* la hauteur totale du carrousel */
	}

	#mon-carrousel1 .next
	{
	    right:15px; /* le positionnement et les attributs de la flèche "suivant" par rapport à en haut à droite */
	    top:140px;
	    text-decoration:none;
	    color:#000;
	    font-size:50px;
	    font-weight:bold;
	}
	#mon-carrousel1 .prev
	{
	    left:15px; /* le positionnement et les attributs de la flèche "précédent" par rapport à en haut à gauche */
	    top:140px;
	    text-decoration:none;
	    color:#000;
	    font-size:50px;
	    font-weight:bold;
	}

	#mon-carrousel1 .interieur-carrousel-cyclique
	{
	    margin-left:50px;/* décalage entre le début du caroussel et l'endroit où disparaissent les images */
	    margin-top:20px;/* décalage par rapport à en haut du carrousel */
	    width: 747px; /* la largeur de l'interieur = (largeur d'un item)*(nombres d'items étant apparants en même temps) */
	    height:331px; /* la hauteur d'un item */
	}

	#mon-carrousel1 .item-cyclique{
	    width:249px;/* la largeur d'un item */
	}




a.noir { color:#000000; }