/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/*fin reset*/

/** APPLICATION **/
.displayNone{display:none;}
.sidebar {width: 300px; margin: 0 0 0 50px; padding: 5px;}
img{border:none;}

.hidden {display:none!important;}

/*Typos*/
@font-face {
    font-family: 'BlairITCStd-Light';
    src: url('font/blairitcstdlight.eot');
    src: url('font/blairitcstdlight.eot?#iefix') format('embedded-opentype'),
         url('font/blairitcstdlight.woff') format('woff'),
         url('font/blairitcstdlight.ttf') format('truetype'),
         url('font/blairitcstdlight.svg#blairitcstdlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlairITCStd';
    src: url('font/blairitcstd.eot');
    src: url('font/blairitcstd.eot?#iefix') format('embedded-opentype'),
         url('font/blairitcstd.woff') format('woff'),
         url('font/blairitcstd.ttf') format('truetype'),
         url('font/blairitcstd.svg#blairitcstd') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlairMdITCTTMedium';
    src: url('font/blairmditcttmedium.eot');
    src: url('font/blairmditcttmedium.eot?#iefix') format('embedded-opentype'),
         url('font/blairmditcttmedium.woff') format('woff'),
         url('font/blairmditcttmedium.ttf') format('truetype'),
         url('font/blairmditcttmedium.svg#blairmditcttmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BlairITC-Bold';
    src: url('font/blair-itc-bold.eot');
    src: url('font/blair-itc-bold.eot?#iefix') format('embedded-opentype'),
         url('font/blair-itc-bold.woff') format('woff'),
         url('font/blair-itc-bold.ttf') format('truetype'),
         url('font/blair-itc-bold.svg#blair-itc-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SackersGothicLight';
    src: url('font/sackersGothicLight.eot');
    src: url('font/sackersGothicLight.eot?#iefix') format('embedded-opentype'),
         url('font/sackersGothicLight.woff') format('woff'),
         url('font/sackersGothicLight.ttf') format('truetype'),
         url('font/sackersGothicLight.svg#at837__') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'minion_pro_condbold';
    src: url('font/minionpro-boldcn-webfont.eot');
    src: url('font/minionpro-boldcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/minionpro-boldcn-webfont.woff') format('woff'),
         url('font/minionpro-boldcn-webfont.ttf') format('truetype'),
         url('font/minionpro-boldcn-webfont.svg#minion_pro_condbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*fin typos*/

/*general*/
	body{
		/*background: url("../images/bg.jpg") center 0 no-repeat #000;*/
		background: #000 url("../images/bg_story.jpg") no-repeat center 0;
		font-size: 11px;
		color: #ffffff;
		width: 100%;
		height: 100%;
		overflow-x: hidden;
		margin: 0 auto;
		padding: 0;
	}
	body.ie7 {position: relative;}
	body.ipad{width:960px;}
	/*body.bgStory{
		background: #000 url("../images/bg_story.jpg") no-repeat center 0;
	}*/
	body#bgcontact{background: url("../images/bgg.jpg") center 0 no-repeat #000;}
	body.hidebg{background:#000;}
	h2,ul,li,p{
		margin: 0;
		padding: 0;
	}
	em{font-style: italic;}
	strong{font-weight: bold;}
	em strong, strong em{font-style: italic;font-weight: bold;}
	a{
		text-decoration: none;
		color: #C9b274;
		text-transform: uppercase;
	}
	a:hover, a:focus, a.active{
		color: #ffffff;
	}
	/*reset pour firefox*/
	button::-moz-focus-inner {
	    border:0;
	    padding:0;
	    margin: 0;
	}
	button{
		border: none;
		background: none;
		padding: 0;
		vertical-align: top;
		display: block;
		float: left;
		cursor: pointer;
	}
	.displayNone{
		display: none;
	}
	.clear, .clr{
		clear: both;
	}
	/*Meilleur solution que .clear{clear:both;}*/
	.clearfix:before,
	.clearfix:after {
	    content: " ";
	    display: table;
	}
	.clearfix:after {
	    clear: both;
	}
	/* IE6/7 support */
	.clearfix {
	    *zoom: 1;
	}

	.wrapper{
		margin: 0 auto;
		width: 960px;
	}
/*fin general*/

/* intro */
#introsite{position:absolute; top:50%; left:50%;height:400px; margin-top:-200px; width:400px;margin-left:-200px;}
#introsite .flashcontent{background: #000}
.ie7 #introsite{position: relative;margin-top: 0px;}
.ie7 #introsite object{margin-top: -200px;}

/*header*/
	#header{
		text-align: center;
		padding: 30px 0 20px;
	}
	#header .logo{
		text-align: center;
		margin: 0 0 20px;		
	}
	#header .logo span{
		display:none;
	}
	#header .logo a{}
	/*menuCat*/
		#header #menuCat{
			/*padding: 20px 0;*/
			display: inline-block;
			background:url(../images/border_menuCat.png) center 0 repeat-y;
			width: 100%;
			margin: 0;
			padding:0;
		}
		#header #menuCat li{
			display: inline;
			margin: 0 7px;
		}
		#header #menuCat a{
			font-size: 9px;
    		font-family: 'SackersGothicLight', Tahoma;
    		/*font-weight: bold;*/
    		letter-spacing: 1px;
    		line-height: 41px;
    				transition: 0.2s ease-in color;
    			 -o-transition: 0.2s ease-in color;
    			-ms-transition: 0.2s ease-in color;
    		   -moz-transition: 0.2s ease-in color;
    		-webkit-transition: 0.2s ease-in color;
		}
		.bgStory #header #menuCat a{line-height: 39px!important;}

	/*menuCat*/
	/*menuSousCat*/
		#menuSousCat{
			margin: -20px 0 20px;
			text-align: center;
			position: relative;
			z-index: 2;					
		}
		#menuSousCat ul{		
			display: inline-block;
			background: url("../images/bg_menuSousCat.png") no-repeat center 0;
			line-height: 38px;
			margin: 0;			
			width: 100%;
		}

		.ipad #menuSousCat, .ipad #menuSousCat ul{			width: 960px;	}

		#menuSousCat li{
			display: inline;
			margin: 0 10px 0 0;
		}
		#menuSousCat li.last{
			margin: 0;
		}
		#menuSousCat a{
			font-size: 8px;
			/*font-weight: bold;*/
    		font-family: 'SackersGothicLight', Tahoma;
			white-space:nowrap;
			line-height: 38px;
    				transition: 0.2s ease-in color;
    			 -o-transition: 0.2s ease-in color;
    			-ms-transition: 0.2s ease-in color;
    		   -moz-transition: 0.2s ease-in color;
    		-webkit-transition: 0.2s ease-in color;
    		letter-spacing: 1px;
		}
		.ie9 #menuSousCat a{
    		letter-spacing: 1px;
		}
	/*fin menuSousCat*/
/*fin header*/

/*player && carousel@fade */

    #fadeimg {width:960px; height:408px; position:relative;margin-bottom: 25px;}
    #fadeimg ul li{position: absolute; cursor: pointer;}


	#player{position: relative;margin: 0 0 25px 0;}	
	#shareVideo{position: absolute;	top:10px;right: 10px;width: 47px;height: 47px;color: #ffffff;background-color: #000000;	text-align: center;text-transform: uppercase;line-height: 70px;
		font-size: 9px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;background: url("../images/share.png") no-repeat;;z-index: 10000000000;}
	#shareLinks{display:none;position: absolute;top:10px;right: 71px;width: auto;height: 32px;color: #ffffff;	background: rgba(0, 0, 0, 0.8);	border-radius: 2px;	text-align: center;	text-transform: uppercase;
		line-height: 70px;font-size: 9px;font-family: Arial, Helvetica, sans-serif;font-weight: bold;padding: 15px 9px 0px;	line-height: 12px;z-index: 10000000000;	}
	#shareLinks .arrow{ background:url(../images/arrowshare.png) no-repeat; position:absolute; width:9px; height:9px;right:-9px;top:20px;}
	.ie8 #shareLinks{background:#000;}
	.ie8 .vjs-fade-out #plusone{display: none;}
	.ie8 .fb-like{margin-top: 2px;}

    /*
    #player.fullscreen {position:absolute!important; height:100%; width:100%;}
    #player:-webkit-full-screen {  position:absolute; width: 100%;  height: 100%; }
    #player:-moz-full-screen { position:absolute; width: 100%;  height: 100%; }	
	#shareVideo:-webkit-full-screen {  width: 100%;  height: 100%; }
	#shareVideo:-moz-full-screen {  width: 100%; height: 100%;}*/        
    /*
    #fullscreenshare:-webkit-full-screen {  height: 100% !important;    position: relative;    width: 100% !important;}
    #fullscreenshare:-moz-full-screen {    height: 100% !important; position: relative;    width: 100% !important;}
    */    

	.vjs-goyard-skin .vjs-big-play-button{opacity: 0.5}
	#player:hover .vjs-goyard-skin .vjs-big-play-button{opacity: 1}
	.fb_edge_widget_with_comment {top: -2px;}
	/*
	.fb_iframe_widget iframe {width:60px !important;}
	.fb_iframe_widget span{width: 60px !important;}
	*/
	.connect_widget_button_count_excluding,.connect_widget_button_count_nub, .connect_widget_button_count_nub i {border:none !important;display: none !important;}
	.fb_edge_widget_with_comment span.fb_edge_comment_widget {display: none !important;}
/*fin player*/

/*catBox*/
	#catBox{
		background: url(../images/border_catBox.png) no-repeat;
		padding: 40px 0 0;
		margin: 0 0 55px;
		overflow: hidden;
	}
	#catBox .box{
		float: left;
		width: 217px;
		/*text-align: center;*/
        margin-right: 30px;
	}
	
    #catBox .box.last{margin:0;}

	.ie.ie8 #catBox .box.last,.ie.ie7 #catBox .box.last{/*margin-left: 30px;*/}


	#catBox .box img{
		opacity: 1;
		background: #cfb578;
		display: block;
		width: 300;
		height: 150px;
		margin: 0 0 15px;
	}
	#catBox .box h2{font-weight: normal;text-align: center;}
	#catBox .box a{padding: 1px 0;		
		color: #FFFFFF;
		margin: 15px 0;
	    font-family: "BlairITCStd", Tahoma;
		font-size: 10px;
				transition: 0.3s ease-in all;
			 -o-transition: 0.3s ease-in all;
			-ms-transition: 0.3s ease-in all;
		   -moz-transition: 0.3s ease-in all;
		-webkit-transition: 0.3s ease-in all;
	}

	#catBox .box a:hover, #catBox .box a:focus{
	    color: #C9b274;
	}
	#catBox .box.hover a{
		opacity : 0.8;}
	#catBox .box.hover img{
		opacity : 0.8;}

	#catBox .box p{
				transition: 0.3s ease-in all;
			 -o-transition: 0.3s ease-in all;
			-ms-transition: 0.3s ease-in all;
		   -moz-transition: 0.3s ease-in all;
		-webkit-transition: 0.3s ease-in all;
	}

	#catBox .box.active p{
		color:#C9b274;
	}

	#catBox .box p{ 
		color: #796b46;
		margin: 10px 0 0;
		font-family: Georgia;
		font-size: 11px;
		line-height: 14px;
		text-align: center;}

	#catBox .box.hover a img{opacity : 0.8;  -moz-opacity : 0.8;}
	#catBox .box a img{opacity : 1;
				transition: 0.3s ease-in all;
			 -o-transition: 0.3s ease-in all;
			-ms-transition: 0.3s ease-in all;
		   -moz-transition: 0.3s ease-in all;
		-webkit-transition: 0.3s ease-in all;
	}

	#catBox .box a img{opacity : 1;  -moz-opacity :1;}

/*fin catBox*/



/* points de vente */
.comptoirs h2,.comptoirs p{opacity:0.99}
.comptoirs h2{text-align: center;font-family: 'BlairITCStd-Light',Tahoma; text-transform: uppercase;font-size: 24px;margin-top: 27px;margin-bottom:20px;font-weight: normal;}
.comptoirs p{text-align: center;font-family: Georgia,Arial;font-size: 13px;font-style: italic; margin:0 0 55px 0;}
#carte { width: 960px; height: 460px; position:relative; background: url(../images/map-fin.jpg) no-repeat; }
.pointer {z-index:0; width: 14px; height:14px; background:#793900; position: absolute; border-radius: 7px;display: none}
.pointer:hover {cursor: pointer;background: #000000; -webkit-transition: all 1500ms ease;-moz-transition: all 1500ms ease;-ms-transition: all 1500ms ease;-o-transition: all 1500ms ease;transition: all 1500ms ease;}
.pointer.active , .newpointer {background: #000000;}
.positionInfos{position:absolute; background:url(../images/bgblack.png) repeat; height:100%; }
.positionInfos .arrow{position:absolute; background:url(../images/mappointer.png) no-repeat 0 0; height:15px;width:20px;left:-15px;  }
.positionInfos .arrow.goRight{left:250px; background:url(../images/mappointer.png) no-repeat right 0;}
.positionInfos .close{position: absolute;right: 10px;top: 10px;color:#fff;font-size: 14px;display: none;}
.pointinfo{padding:15px 20px 15px; color:#fff;width:215px;}
.pointinfo p{11px;}
.points3 .pointinfo{padding-bottom: 0;}
#carte h3{font-size: 11px; font-family: 'SackersGothicLight',Tahoma; text-transform: uppercase;line-height: 16px;margin: 0 0 12px 0;padding: 0;}
#carte h4{font-family: Georgia,Arial; font-size: 11px; font-weight:bold; font-style: italic; line-height: 16px;margin: 0;padding: 0;}
#carte p{font-family: Georgia,Arial;font-style: italic;margin: 0;padding: 0;line-height: 16px;text-align: left;}
#carte a{font-family: Georgia,Arial;text-transform: lowercase;margin: 0 0 15px;}
#carte a.setItineraire{font-family:georgia;font-size:11px; text-transform:inherit;padding: 7px 10px;color:#fff;-webkit-border-radius: 3px; border-radius: 3px;background: #d2bc78;display: inline-block; margin:5px 0 0 0;/* Old browsers */background: -moz-linear-gradient(top,  #d2bc78 0%, #c3a657 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2bc78), color-stop(100%,#c3a657)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #d2bc78 0%,#c3a657 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #d2bc78 0%,#c3a657 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #d2bc78 0%,#c3a657 100%); /* IE10+ */background: linear-gradient(to bottom,  #d2bc78 0%,#c3a657 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2bc78', endColorstr='#c3a657',GradientType=0 ); /* IE6-9 */ }

/* pages */
.mentions{display:none; width:960px;color:#fff; margin:-50px auto 100px; }

.mentions a.closeMention {float: right; padding: 20px 0 0 13px; background:url("../images/closementions.png") no-repeat 0px 22px; text-transform: none; font-family: Gerogia; font-size:11px;}
.mentions a.closeMention:hover {cursor: pointer;color:#c9b274;}

.mentionsContent {border-bottom: 1px solid #352f1b; border-top: 1px solid #352f1b; padding: 20px 0;}
.mentionsContent h1, .mentionsContent h2 {font-family: 'BlairITCStd-Light',Tahoma; text-transform: uppercase; font-size: 11px; line-height:16px;}

.mentionsContent p{margin-bottom: 11px;}

#staticPage{width:960px;margin:0 auto 15px;height:503px; }
#staticPage em {font-family: georgia,palatino; }
#staticPage h1, #staticPage h2 {font-family: 'BlairITCStd-Light',Tahoma; text-transform: uppercase;font-size: 24px;padding: 10px 0 0;}
#staticPage a{text-transform: lowercase;color: #fff;}

#staticPage.precautionsPage{background: url(../images/precaution.jpg) no-repeat; padding-top: 420px; height: auto;}
#staticPage.precautionsPage p,#staticPage.precautionsPage h1,#staticPage.precautionsPage h2{width:480px; margin:auto;}
#staticPage.precautionsPage h1,#staticPage.precautionsPage h2{text-align: center; text-transform:none; }
#staticPage.precautionsPage h1{margin-bottom: 24px;font-family: "BlairITCStd-Light";font-size: 28px;}
#staticPage.precautionsPage h2{margin-bottom: 20px;margin-top: 25px;font-family: 'SackersGothicLight';font-size: 13px;line-height: 13px;text-align: center;}
#staticPage.precautionsPage p{color:#b2b2b2; font-size:small; font-family: georgia, Arial; font-style: italic; line-height: 16px; text-align: justify; margin-bottom: 10px;}
#staticPage.precautionsPage p strong{color:#fff; font-style: italic; font-weight: normal; }



.pressePage{ background: url(../images/presse.png) no-repeat;  }
.contactPage{width:960px;margin:0 auto 15px; background: url(../images/presse.png) no-repeat;}
.contactPage h1,.contactPage h2 {font-family: 'BlairITCStd-Light',Tahoma; text-transform: uppercase;font-size: 24px;padding: 10px 0 0;}
.contactPage a{text-transform: lowercase;color: #fff;}

.corporatePage{ background: url(../images/presse.png) no-repeat;  }


/*footer*/
	#footer{
		padding: 5px;
		/*border-top: 2px solid #cfb578;
		border-width: 15px 0; 
				border-image:url(../images/border_footer.jpg) 15 0 0 0;
			 -o-border-image:url(../images/border_footer.jpg) 15 0 0 0;
			-ms-border-image:url(../images/border_footer.jpg) 15 0 0 0;
		   -moz-border-image:url(../images/border_footer.jpg) 15 0 0 0;
		-webkit-border-image:url(../images/border_footer.jpg) 15 0 0 0;*/
		background:url(../images/border_footer.png) center 0 no-repeat;
		clear: both;
		margin: 0 auto 70px;
		width:960px;		
	}
	#footer p{
		text-align: center;
		margin: 6px 0;
	}
	#footer a{
		text-align: center;
	    font-family: 'SackersGothicLight', Tahoma;
	    font-size: 8px;	    
	    padding-top: 3px;
	    font-weight: bold;
	    color: #C9b274;
	    margin: 0 15px 0 0;
	    /*line-height:30px;*/
				transition: 0.5s ease-in color;
			 -o-transition: 0.5s ease-in color;
			-ms-transition: 0.5s ease-in color;
		   -moz-transition: 0.5s ease-in color;
		-webkit-transition: 0.5s ease-in color;
	}
	
	#footer a.icon{
	    width: 16px;
	    height: 16px;
	    display: inline-block;
	    margin: 0 6px 0 0;
	}
	#footer a.fb{
	    background: url("../images/fb.png") no-repeat;
	}
	#footer a.twitter{
	    background: url("../images/twitter.png") no-repeat;
	}
	#footer a.weibo{
	    background: url("../images/weibo.png") no-repeat;
	    margin: 0 17px 0 0;
	}
	
	/*#footer a.last{
		border-right: 1px solid #C9b274;
		padding-right: 15px;
		margin: 0 20px 0 0;
		padding-top: 0;
	}*/
	#footer .sep{display: inline-block;margin: 3px 15px 3px 0;border-right: 1px solid #C9b274;height: 7px;width: 1px;line-height: 6px;}
	#footer a.lang{
		margin: 0 5px 0 0;
	}

#footer a.lang:hover,#footer a.lang:focus,#footer a.lang.active{ color:#C9b274;}
#footer a.lang,#footer a.lang, span.chinese_code{ color:#80714A; margin-right:15px;}

/*fin footer*/

/*news*/
	#news{text-align: center;margin-bottom:  50px;	}
    #news .hide {display:none;}
	#news .article{/*background: url(../images/border_catBox.png) no-repeat;	padding: 40px 0 0;*/	}
        #news .article .title{		font-family: "BlairITCStd-Light";		font-size: 28px;		margin: 20px auto 15px;	}
        #news .article .container { width: 500px; margin: auto; padding: 0 0 0 0; }
        #news .article .container .content , #news .article .resume{/*width: 500px;*/margin: 0 auto ; font-family: Georgia; font-size: 11px;	font-style: italic; /*margin: 0 0 10px 0;*/ line-height: 16px;	}
        #news .article .container .publish{color:#b2b2b2;	margin: 10px auto 0px;}
        #news h2,#news p{opacity:0.99 }
        #news .content a{text-transform: inherit;}
    
    #pagination  {width:500px; margin:40px auto 0; border-top: 1px solid #342e1a; padding:20px 0 0 0;}
    #pagination a {font-size:11px; text-transform: none;font-family: Georgia;}
    #pagination a:hover {color:#fff;}
    #pagination a.next-article {float: right;}
    #pagination a.next-article span{background: url("../images/bg_next.png") no-repeat 0 3px;  display: inline-block; width: 6px; }
    #pagination a.next-article:hover span{background-position: 0 -10px;}
    #pagination a.prev-article {float: left; }    
    #pagination a.prev-article span{background: url("../images/bg_prev.png") no-repeat 0px 3px;  display: inline-block; width: 6px; }    
    #pagination a.prev-article:hover span{background-position: 0 -10px;}    
        
        
    #news #newsList{margin:25px 0 0 0;}   
        #news #newsList .articleMin { width:220px; float: left; margin: 0 25px 25px 0!important; padding:0; text-align: center;}
        #news #newsList .articleMin.last {margin-right:0!important;}
            .ie7 #news #newsList .articleMin .miniature {line-height:175px; }
            #news #newsList .articleMin .miniature {width:220px; height:170px; display:table-cell; vertical-align: middle; border: 1px solid transparent;}
            #news #newsList .articleMin.active .miniature {border: 1px solid #fff;}
            #news #newsList .articleMin .miniature img{max-width:220px; max-height:170px;  }       
            #news #newsList .articleMin h2 {font-size:10px; line-height:12px; text-transform: uppercase;color:#fff; margin:20px 0 0 0;}
            #news #newsList .articleMin h2 a{color:#fff; }
            #news #newsList .articleMin .publish {font-size:11px; line-height:12px; text-transform: uppercase;color:#999; font-style:italic;}
            #news #newsList .blocarticles { float: left;  }
          
    #newsSep {background:#c9b274; height:1px; text-align: center; position:relative; margin:30px 0 0 0; width:100%;}
        #newsSep .news_button {width: 30px; height:30px; position:absolute; top:-15px; margin:auto; text-align: center; left:465px;}
        .ie #newsSep .news_button,  .ie10 #newsSep .news_button {left:50%;margin-left:-15px;}
        #newsSep .news_button.close {background: url("../images/news_button_open.png") no-repeat; }
        #newsSep .news_button.open { background: url("../images/news_button_closed.png") no-repeat;}
    
    #nothingFound {margin:10px auto 30px; text-align:center; font-size:11px; font-style: italic;font-family: Georgia;}
    #news .invisible {visibility: hidden;}
/*fin news*/

/*carousel-story*/
	/*partie sans le js*/
	#carousel-story{
		position: relative;					
	}

	#carousel-story.js{visibility: hidden;}
	#carousel-story .article{
		margin: 0 10px 0 0;
		overflow: hidden;
		width: 960px;
		text-align: center
	}
	#carousel-story .title{
		font-family: "BlairITCStd-Light";
		font-size: 28px;
		margin-bottom: -20px;
		text-transform: lowercase;
	}
	.ie7 #carousel-story .title{margin-bottom: 0;}
	#carousel-story .content{
		width: 485px;		
		margin: 0 auto 40px;
		text-align: justify;
		font-family: Georgia;
	}
	#carousel-story .article .content h2,.articleMarquage h2{
		margin-bottom: 25px;
		font-family: 'SackersGothicLight';
		font-size: 13px;
		line-height: 13px;
		text-align: center;
	}
	#carousel-story .content p{
		margin: 0 0 15px;
		color:#ffffff;
		padding-right: 5px;
		line-height: 16px;
	}
	#carousel-story .content p+p{
		color:#bfbfbf;
	}
	#carousel-story .navStory{
		margin: 0 auto 60px;
		width: 480px;
		padding: 20px 0 0;
		background: url("../images/bg_navStory.png") no-repeat;
	}
/*	.ie9 #carousel-story .navStory{
		margin-left : 240px;
	}*/
	#carousel-story .navStory a{text-transform: none;font-family: georgia;}
	#carousel-story .navStory a:first-letter{text-transform: uppercase;}
	#carousel-story .navStory .prev{
		float: left;
		background: url("../images/bg_prev.png") no-repeat 0 2px;
		padding-left:12px; 
	}
	#carousel-story .navStory .prev:hover{
		background: url("../images/bg_prev.png") no-repeat 0 -11px;
	}
	#carousel-story .navStory .next{
		float: right;
		background: url("../images/bg_next.png") no-repeat 100% 2px;
		padding-right: 12px;
	}
	#carousel-story .navStory .next:hover{
		background: url("../images/bg_next.png") no-repeat 100% -11px;
	}
	/*fin partie sans js*/

	.articlesSlider, .imagesSlider{
		position: relative;
	}
#ombrevignettes{width:100%; overflow: hidden; margin-top:-70px;padding-top:70px; background: url("../images/ombrevignettes.png") no-repeat center -30px;}

	#carousel-story .imagesSlider .control{
		border: none;
		width: 24px;
		height: 24px;
		position: absolute;
		z-index: 3;
		top: 188px;
		cursor: pointer;
		margin: 0 auto;
	}
	#carousel-story .imagesSlider{
		height: 400px;
	}
	#carousel-story .imagesSlider .image{
				transition:1s ease-in filter;
			 -o-transition:1s ease-in -o-filter;
			-ms-transition:1s ease-in -ms-filter;
		   -moz-transition:1s ease-in -moz-filter;
		-webkit-transition:1s ease-in -webkit-filter;
		position: absolute;
		height: 400px;
        top:0;
	}
	/*plus valable*/nein #carousel-story .imagesSlider .image.right,
	nein #carousel-story .imagesSlider .image.left{
		filter: url(../filtres.svg#grayscale); /* Firefox 3.5+ */ 
		filter: gray; /* IE5+ */
			 -o-filter: grayscale(1);
			-ms-filter: gray;
		   -moz-filter: grayscale(1) url(../filtres.svgafficheInitiales#grayscale);
		-webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ 
	}
	#carousel-story .imagesSlider .image .trame{/*display: none;*/opacity:0;position: absolute;top:0; left: 0;/*width: 960px;height: 400px;*/
				transition: opacity 1.5s;
			 -o-transition: opacity 1.5s;
			-ms-transition: opacity 1.5s;
		   -moz-transition: opacity 1.5s;
		-webkit-transition: opacity 1.5s;
	}
	.ie.ie8 #carousel-story .imagesSlider .image.active .trame,.ie.ie7 #carousel-story .imagesSlider .image.active .trame{ display: none !important;position: relative;}

	#carousel-story .imagesSlider .image.right .trame,
	#carousel-story .imagesSlider .image.left .trame{/*display: block;*/opacity: 1;width:961px;}
	#carousel-story .imagesSlider .prev{
		background: url("../images/arrowSlider.png") no-repeat 0 0;
		left: -43px;
	}
	#carousel-story .imagesSlider .next{
		background: url("../images/arrowSlider.png") no-repeat -24px 0;
		right: -45px;
	}
	#carousel-story .imagesSlider .prev:hover{
		background: url("../images/arrowSlider.png") no-repeat 0 -24px;
	}
	#carousel-story .imagesSlider .next:hover{
		background: url("../images/arrowSlider.png") no-repeat -24px -24px;
	}
	#carousel-story .imagesSlider .imagesContent{
		/*border-bottom:1px solid #c9b274;*/
	}

	#carousel-story .marquageContent{
		position:relative;
	}
	.marquageContent{
		margin-bottom: -20px;
	}
    .marquageContent .open {opacity:0;  margin-top:180px; display:none;}
             .marquageContent .perso {margin-top: 270px;opacity:1}  
	#carousel-story .marquageContent .marquage{
		position: relative;
		z-index: 6;
	}
	#carousel-story .marquageContent .marquage .perso{
		background: url("../images/bg_perso.png") 0 10px no-repeat;
		height: 132px;
		width: 265px;
		top:-132px;
		z-index: 6;	
		margin: 0 auto;	
		cursor: pointer;
		position: absolute;
		left: 344px;
				transition: 0.2s ease-in background-position;
			 -o-transition: 0.2s ease-in background-position;
			-ms-transition: 0.2s ease-in background-position;
		   -moz-transition: 0.2s ease-in background-position;
		-webkit-transition: 0.2s ease-in background-position;
	}
	#carousel-story .marquageContent .marquage .perso:hover,
	#carousel-story .marquageContent .marquage .perso.active{
		background-position: 0 0;
	}
	#carousel-story .marquageContent .marquage .perso p{
		font-family: Georgia;
		font-size: 13px;
		text-align: center;
	    width: 135px;
		z-index: 6;
		position: relative;
		left : 65px;
		top : 60px;
	}
	#carousel-story .marquageContent  .marquage button.open{
		 background: url("../images/bg_boutonPerso.png") no-repeat scroll center center transparent;
	    border: medium none;
	    cursor: pointer;
	    height: 97px;
	    left: 429px;
	    position: absolute;
	    text-indent: -99999px;
	    top: -40px;
	    width: 97px;
	    z-index: 6;
	    outline: none;
	}
	/*#carousel-story .marquageContent  .marquage button.open:hover,
	#carousel-story .marquageContent  .marquage button.open.active{
		background: url("../images/bg_boutonPersoHover.png") no-repeat center center;
	}*/
	#carousel-story .borderGold{
		border-bottom:1px solid #c9b274;
	}
	#carousel-story .articlesSlider{
		margin: 0 auto;
		/*overflow: hidden;*/
		clear: both;
	}
	#carousel-story .articlesSlider .article{
		width: 480px;
		margin: 0 20px;
		position: absolute;
		top: 0;
	}
	#carousel-story .articlesSlider {

		/*top: -webkit-calc(80px);*/
		padding-top: -webkit-calc(30px);/*bugchrome*/
	}
	#carousel-story .articlesSlider.marquagePart{
		padding: 0;
	}
	#carousel-story .articlesSlider .article.active{
		opacity:0.99 !important;
	}
	
    #carousel-story .articlesSlider .articleMarquage{
    	margin-top:30px;
    	padding-top: -webkit-calc(15px);/*bugchrome*/
    }
    
	#carousel-story .navStoryContent{
        position : relative;
        margin : auto;
    }
    #carousel-story .navStoryContent .navStory{
        position : absolute;
    }
    


/*fin carousel-story*/

/*marquage*/
	.marquageCustom{
		overflow: hidden;
		position:relative;
		cursor: pointer;
	}
	#marquageDeco{
		width: 960px;
		height: 400px;
		background: url("../images/marquageDeco.png");
		position:absolute;
		top:0;
	}
	.marquageContent .infos{
		margin: 5px 0 30px;
		position: relative;
		height: 32px;
	}
	.marquageContent .random{
		height: 32px;
		float:left;
		line-height: 32px;
		color: white;
		font-family: Georgia;
		text-transform: uppercase;
		text-indent: 0!important;
	}
	.ie7 .marquageContent .random{width:120px;}

	.marquageContent .random .imgRandom{
		background:url("../images/random.png") no-repeat 0 0;
		width: 32px;
		height: 32px;
		display: block;
		float: left;
		margin: 0 5px 0 0;
	}
	.marquageContent .random:hover .imgRandom{
		background:url("../images/random.png") no-repeat -32px 0;
	}
	.marquageContent .random.animate .imgRandom{background:url("../images/random-anim.gif") no-repeat;}

	.marquageContent .infos p span{
		color: #ffffff;
		margin-left: -35px;
	}
	.marquageContent .infos p{
		color: #b2b2b2;
		text-align: center;
		font-family: Georgia;
		font-style: italic;
		font-size: 11px;
		padding:10px 0 0; 
	}
	.marquageContent .infos .close{
		position: absolute;
		top : 0;
		right : 0;
		height: 32px;
		float:left;
		line-height: 32px;
		color: #C9b274;
		font-family: Georgia;
		font-size: 11px;
		padding:0 0 0 14px;
		background:url('../images/croix.jpg') no-repeat 0 11px;
	}
	.marquageContent .infos .close:hover{
		color: #fff;
		background:url('../images/croixHover.jpg') no-repeat 0 11px;
	}
	#afficheColGoy{
		width: 960px;
		height: 400px;
	}

	#afficheColGoy.colGoy1{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 0;
	}
	#afficheColGoy.colGoy2{
		background:url("../images/bg_AfficheColGoy.jpg")  no-repeat 0 -400px;
	}
	#afficheColGoy.colGoy3{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -800px;
	}
	#afficheColGoy.colGoy4{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -1200px;
	}
	#afficheColGoy.colGoy5{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -1600px;
	}
	#afficheColGoy.colGoy6{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -2000px;
	}
	#afficheColGoy.colGoy7{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -2400px;
	}
	#afficheColGoy.colGoy8{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -2800px;
	}
	#afficheColGoy.colGoy9{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -3200px;
	}
	#afficheColGoy.colGoy10{
		background:url("../images/bg_AfficheColGoy.jpg") no-repeat 0 -3600px;
	}

	/*Pour les ecran retina*/
	@media screen and (min-device-pixel-ratio : 2){
 		#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	}
	@media screen and (-o-min-device-pixel-ratio : 2){
 		#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	}
	@media screen and (-ms-min-device-pixel-ratio : 2){
 		#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	}
	@media screen and (-moz-min-device-pixel-ratio : 2){
 		#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	}
	@media screen and (-webkit-min-device-pixel-ratio : 2){
 		#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	}
#afficheColGoy{
 			background-size: 100% auto;/*on force le bg a prendre toute la largeur*/
	 		background-position:url("../images/bg_AfficheColGoy.jpg");
	 	}
	#afficheInitiales{
		text-transform:uppercase;
	    position: absolute;
	    top:0;
	    display: block;
	    font-size: 160px;
	    margin-top:100px;    
	    text-align: center;
	    width: 960px;
	    		text-shadow: 5px 5px 0 #fff;
	    	 -o-text-shadow: 5px 5px 0 #fff;
	    	-ms-text-shadow: 5px 5px 0 #fff;
	       -moz-text-shadow: 5px 5px 0 #fff;
	    -webkit-text-shadow: 5px 5px 0 #fff;
	}


	#afficheInitiales.couleurs1_1{
		color:#ffffff;
	}
	#afficheInitiales.couleurs1_2{
		/*color: #fff6d3;*/
		color: #fbcd9e;
	}
	#afficheInitiales.couleurs1_3{
		color:#faa807;
	}
	#afficheInitiales.couleurs1_4{
		/*color:#a67939;*/
		color:#3e260e;
	}
	#afficheInitiales.couleurs1_5{
		color:#fe510f;
	}
	#afficheInitiales.couleurs1_6{
		color:#cd0000;
	}
	#afficheInitiales.couleurs1_7{
		/*color:#ffb2b2;*/
		color:#ffa9a9;
	}
	#afficheInitiales.couleurs1_8{
		/*color:#b35959;*/
		color:#c02d45;
	}
	#afficheInitiales.couleurs1_9{
		color:#6a0048;
	}
	#afficheInitiales.couleurs1_10{
		color:#102f5b;
	}
	#afficheInitiales.couleurs1_11{
		/*color:#8dcdff;*/
		color:#295faf;
	}
	#afficheInitiales.couleurs1_12{
		color:#0c5f33;
	}	
	#afficheInitiales.couleurs1_13{
		color:#808080;
	}	
	#afficheInitiales.couleurs1_14{
		color:#000000;
	}
	#afficheInitiales.couleurs1_15{
		color:#c9b274;
	}
	#afficheInitiales.couleurs1_16{
		color:#b2b2b2;
	}
	#afficheInitiales.couleurs1_17{
		color:#916243;
	}

	#afficheInitiales.couleurs2_1{
	    		text-shadow: 5px 5px 0 #ffffff;
	    	 -o-text-shadow: 5px 5px 0 #ffffff;
	    	-ms-text-shadow: 5px 5px 0 #ffffff;
	       -moz-text-shadow: 5px 5px 0 #ffffff;
	    -webkit-text-shadow: 5px 5px 0 #ffffff;
	}
	.ie #afficheInitiales.couleurs2_1{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#ffffff, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_1.little{
	    		text-shadow: 3px 3px 0 #ffffff;
	    	 -o-text-shadow: 3px 3px 0 #ffffff;
	    	-ms-text-shadow: 3px 3px 0 #ffffff;
	       -moz-text-shadow: 3px 3px 0 #ffffff;
	    -webkit-text-shadow: 3px 3px 0 #ffffff;
	}
	.ie #afficheInitiales.couleurs2_1.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#ffffff, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_2{
	    		text-shadow: 5px 5px 0 #fbcd9e;
	    	 -o-text-shadow: 5px 5px 0 #fbcd9e;
	    	-ms-text-shadow: 5px 5px 0 #fbcd9e;
	       -moz-text-shadow: 5px 5px 0 #fbcd9e;
	    -webkit-text-shadow: 5px 5px 0 #fbcd9e;
/*	    		text-shadow: 5px 5px 0 #fff6d3;
	    	 -o-text-shadow: 5px 5px 0 #fff6d3;
	    	-ms-text-shadow: 5px 5px 0 #fff6d3;
	       -moz-text-shadow: 5px 5px 0 #fff6d3;
	    -webkit-text-shadow: 5px 5px 0 #fff6d3;*/
	}
	.ie #afficheInitiales.couleurs2_2{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#fbcd9e, offx=5, offy=5);
/*		filter: dropshadow(color=#fff6d3, offx=5, offy=5);*/
	}
	#afficheInitiales.couleurs2_2.little{
/*	    		text-shadow: 3px 3px 0 #fff6d3;
	    	 -o-text-shadow: 3px 3px 0 #fff6d3;
	    	-ms-text-shadow: 3px 3px 0 #fff6d3;
	       -moz-text-shadow: 3px 3px 0 #fff6d3;
	    -webkit-text-shadow: 3px 3px 0 #fff6d3;*/
	    		text-shadow: 3px 3px 0 #fbcd9e;
	    	 -o-text-shadow: 3px 3px 0 #fbcd9e;
	    	-ms-text-shadow: 3px 3px 0 #fbcd9e;
	       -moz-text-shadow: 3px 3px 0 #fbcd9e;
	    -webkit-text-shadow: 3px 3px 0 #fbcd9e;
	}
	.ie #afficheInitiales.couleurs2_2.little{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#fff6d3, offx=3, offy=3);*/
		filter: dropshadow(color=#fbcd9e, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_3{
	    		text-shadow: 5px 5px 0 #faa807;
	    	 -o-text-shadow: 5px 5px 0 #faa807;
	    	-ms-text-shadow: 5px 5px 0 #faa807;
	       -moz-text-shadow: 5px 5px 0 #faa807;
	    -webkit-text-shadow: 5px 5px 0 #faa807;
	}
	.ie #afficheInitiales.couleurs2_3{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#faa807, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_3.little{
	    		text-shadow: 3px 3px 0 #faa807;
	    	 -o-text-shadow: 3px 3px 0 #faa807;
	    	-ms-text-shadow: 3px 3px 0 #faa807;
	       -moz-text-shadow: 3px 3px 0 #faa807;
	    -webkit-text-shadow: 3px 3px 0 #faa807;
	}
	.ie #afficheInitiales.couleurs2_3.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#faa807, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_4{
/*	    		text-shadow: 5px 5px 0 #a67939;
	    	 -o-text-shadow: 5px 5px 0 #a67939;
	    	-ms-text-shadow: 5px 5px 0 #a67939;
	       -moz-text-shadow: 5px 5px 0 #a67939;
	    -webkit-text-shadow: 5px 5px 0 #a67939;*/
	    		text-shadow: 5px 5px 0 #3e260e;
	    	 -o-text-shadow: 5px 5px 0 #3e260e;
	    	-ms-text-shadow: 5px 5px 0 #3e260e;
	       -moz-text-shadow: 5px 5px 0 #3e260e;
	    -webkit-text-shadow: 5px 5px 0 #3e260e;
	}
	.ie #afficheInitiales.couleurs2_4{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#a67939, offx=5, offy=5);*/
		filter: dropshadow(color=#3e260e, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_4.little{
	    /*		text-shadow: 3px 3px 0 #a67939;
	    	 -o-text-shadow: 3px 3px 0 #a67939;
	    	-ms-text-shadow: 3px 3px 0 #a67939;
	       -moz-text-shadow: 3px 3px 0 #a67939;
	    -webkit-text-shadow: 3px 3px 0 #a67939;*/
	    		text-shadow: 3px 3px 0 #3e260e;
	    	 -o-text-shadow: 3px 3px 0 #3e260e;
	    	-ms-text-shadow: 3px 3px 0 #3e260e;
	       -moz-text-shadow: 3px 3px 0 #3e260e;
	    -webkit-text-shadow: 3px 3px 0 #3e260e;
	}
	.ie #afficheInitiales.couleurs2_4.little{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#a67939, offx=3, offy=3);*/
		filter: dropshadow(color=#3e260e, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_5{
	    		text-shadow: 5px 5px 0 #fe510f;
	    	 -o-text-shadow: 5px 5px 0 #fe510f;
	    	-ms-text-shadow: 5px 5px 0 #fe510f;
	       -moz-text-shadow: 5px 5px 0 #fe510f;
	    -webkit-text-shadow: 5px 5px 0 #fe510f;
	}
	.ie #afficheInitiales.couleurs2_5{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#fe510f, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_5.little{
	    		text-shadow: 3px 3px 0 #fe510f;
	    	 -o-text-shadow: 3px 3px 0 #fe510f;
	    	-ms-text-shadow: 3px 3px 0 #fe510f;
	       -moz-text-shadow: 3px 3px 0 #fe510f;
	    -webkit-text-shadow: 3px 3px 0 #fe510f;
	}
	.ie #afficheInitiales.couleurs2_5.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#fe510f, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_6{
	    		text-shadow: 5px 5px 0 #cd0000;
	    	 -o-text-shadow: 5px 5px 0 #cd0000;
	    	-ms-text-shadow: 5px 5px 0 #cd0000;
	       -moz-text-shadow: 5px 5px 0 #cd0000;
	    -webkit-text-shadow: 5px 5px 0 #cd0000;
	}
	.ie #afficheInitiales.couleurs2_6{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#cd0000, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_6.little{
	    		text-shadow: 3px 3px 0 #cd0000;
	    	 -o-text-shadow: 3px 3px 0 #cd0000;
	    	-ms-text-shadow: 3px 3px 0 #cd0000;
	       -moz-text-shadow: 3px 3px 0 #cd0000;
	    -webkit-text-shadow: 3px 3px 0 #cd0000;
	}
	.ie #afficheInitiales.couleurs2_6.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#cd0000, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_7{
/*	    		text-shadow: 5px 5px 0 #ffb2b2;
	    	 -o-text-shadow: 5px 5px 0 #ffb2b2;
	    	-ms-text-shadow: 5px 5px 0 #ffb2b2;
	       -moz-text-shadow: 5px 5px 0 #ffb2b2;
	    -webkit-text-shadow: 5px 5px 0 #ffb2b2;*/
	    		text-shadow: 5px 5px 0 #ffa9a9;
	    	 -o-text-shadow: 5px 5px 0 #ffa9a9;
	    	-ms-text-shadow: 5px 5px 0 #ffa9a9;
	       -moz-text-shadow: 5px 5px 0 #ffa9a9;
	    -webkit-text-shadow: 5px 5px 0 #ffa9a9;
	}
	.ie #afficheInitiales.couleurs2_7{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#ffb2b2, offx=5, offy=5);*/
		filter: dropshadow(color=#ffa9a9, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_7.little{
	    		/*text-shadow: 3px 3px 0 #ffb2b2;
	    	 -o-text-shadow: 3px 3px 0 #ffb2b2;
	    	-ms-text-shadow: 3px 3px 0 #ffb2b2;
	       -moz-text-shadow: 3px 3px 0 #ffb2b2;
	    -webkit-text-shadow: 3px 3px 0 #ffb2b2;*/
	    		text-shadow: 3px 3px 0 #ffa9a9;
	    	 -o-text-shadow: 3px 3px 0 #ffa9a9;
	    	-ms-text-shadow: 3px 3px 0 #ffa9a9;
	       -moz-text-shadow: 3px 3px 0 #ffa9a9;
	    -webkit-text-shadow: 3px 3px 0 #ffa9a9;
	}
	.ie #afficheInitiales.couleurs2_7.little{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#ffb2b2, offx=3, offy=3);*/
		filter: dropshadow(color=#ffa9a9, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_8{
/*	    		text-shadow: 5px 5px 0 #b35959;
	    	 -o-text-shadow: 5px 5px 0 #b35959;
	    	-ms-text-shadow: 5px 5px 0 #b35959;
	       -moz-text-shadow: 5px 5px 0 #b35959;
	    -webkit-text-shadow: 5px 5px 0 #b35959;*/
	    		text-shadow: 5px 5px 0 #c02d45;
	    	 -o-text-shadow: 5px 5px 0 #c02d45;
	    	-ms-text-shadow: 5px 5px 0 #c02d45;
	       -moz-text-shadow: 5px 5px 0 #c02d45;
	    -webkit-text-shadow: 5px 5px 0 #c02d45;
	}
	.ie #afficheInitiales.couleurs2_8{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#b35959, offx=5, offy=5);*/
		filter: dropshadow(color=#c02d45, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_8.little{
/*	    		text-shadow: 3px 3px 0 #b35959;
	    	 -o-text-shadow: 3px 3px 0 #b35959;
	    	-ms-text-shadow: 3px 3px 0 #b35959;
	       -moz-text-shadow: 3px 3px 0 #b35959;
	    -webkit-text-shadow: 3px 3px 0 #b35959;*/
	    		text-shadow: 3px 3px 0 #c02d45;
	    	 -o-text-shadow: 3px 3px 0 #c02d45;
	    	-ms-text-shadow: 3px 3px 0 #c02d45;
	       -moz-text-shadow: 3px 3px 0 #c02d45;
	    -webkit-text-shadow: 3px 3px 0 #c02d45;
	}
	.ie #afficheInitiales.couleurs2_8.little{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#b35959, offx=3, offy=3);*/
		filter: dropshadow(color=#c02d45, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_9{
	    		text-shadow: 5px 5px 0 #6a0048;
	    	 -o-text-shadow: 5px 5px 0 #6a0048;
	    	-ms-text-shadow: 5px 5px 0 #6a0048;
	       -moz-text-shadow: 5px 5px 0 #6a0048;
	    -webkit-text-shadow: 5px 5px 0 #6a0048;
	}
	.ie #afficheInitiales.couleurs2_9{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#6a0048, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_9.little{
	    		text-shadow: 3px 3px 0 #6a0048;
	    	 -o-text-shadow: 3px 3px 0 #6a0048;
	    	-ms-text-shadow: 3px 3px 0 #6a0048;
	       -moz-text-shadow: 3px 3px 0 #6a0048;
	    -webkit-text-shadow: 3px 3px 0 #6a0048;
	}
	.ie #afficheInitiales.couleurs2_9.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#6a0048, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_10{
	    		text-shadow: 5px 5px 0 #102f5b;
	    	 -o-text-shadow: 5px 5px 0 #102f5b;
	    	-ms-text-shadow: 5px 5px 0 #102f5b;
	       -moz-text-shadow: 5px 5px 0 #102f5b;
	    -webkit-text-shadow: 5px 5px 0 #102f5b;
	}
	.ie #afficheInitiales.couleurs2_10{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#102f5b, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_10.little{
	    		text-shadow: 3px 3px 0 #102f5b;
	    	 -o-text-shadow: 3px 3px 0 #102f5b;
	    	-ms-text-shadow: 3px 3px 0 #102f5b;
	       -moz-text-shadow: 3px 3px 0 #102f5b;
	    -webkit-text-shadow: 3px 3px 0 #102f5b;
	}
	.ie #afficheInitiales.couleurs2_10.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#102f5b, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_11{
	    	/*	text-shadow: 5px 5px 0 #8dcdff;
	    	 -o-text-shadow: 5px 5px 0 #8dcdff;
	    	-ms-text-shadow: 5px 5px 0 #8dcdff;
	       -moz-text-shadow: 5px 5px 0 #8dcdff;
	    -webkit-text-shadow: 5px 5px 0 #8dcdff;*/
	    		text-shadow: 5px 5px 0 #295faf;
	    	 -o-text-shadow: 5px 5px 0 #295faf;
	    	-ms-text-shadow: 5px 5px 0 #295faf;
	       -moz-text-shadow: 5px 5px 0 #295faf;
	    -webkit-text-shadow: 5px 5px 0 #295faf;
	}
	.ie #afficheInitiales.couleurs2_11{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#8dcdff, offx=5, offy=5);*/
		filter: dropshadow(color=#295faf, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_11.little{
	    	/*	text-shadow: 3px 3px 0 #8dcdff;
	    	 -o-text-shadow: 3px 3px 0 #8dcdff;
	    	-ms-text-shadow: 3px 3px 0 #8dcdff;
	       -moz-text-shadow: 3px 3px 0 #8dcdff;
	    -webkit-text-shadow: 3px 3px 0 #8dcdff;*/
	    		text-shadow: 3px 3px 0 #295faf;
	    	 -o-text-shadow: 3px 3px 0 #295faf;
	    	-ms-text-shadow: 3px 3px 0 #295faf;
	       -moz-text-shadow: 3px 3px 0 #295faf;
	    -webkit-text-shadow: 3px 3px 0 #295faf;
	}
	.ie #afficheInitiales.couleurs2_11.little{
		/*équivalent a text-shadow*/
		/*filter: dropshadow(color=#8dcdff, offx=3, offy=3);*/
		filter: dropshadow(color=#295faf, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_12{
	    		text-shadow: 5px 5px 0 #0c5f33;
	    	 -o-text-shadow: 5px 5px 0 #0c5f33;
	    	-ms-text-shadow: 5px 5px 0 #0c5f33;
	       -moz-text-shadow: 5px 5px 0 #0c5f33;
	    -webkit-text-shadow: 5px 5px 0 #0c5f33;
	}
	.ie #afficheInitiales.couleurs2_12{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#0c5f33, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_12.little{
	    		text-shadow: 3px 3px 0 #0c5f33;
	    	 -o-text-shadow: 3px 3px 0 #0c5f33;
	    	-ms-text-shadow: 3px 3px 0 #0c5f33;
	       -moz-text-shadow: 3px 3px 0 #0c5f33;
	    -webkit-text-shadow: 3px 3px 0 #0c5f33;
	}
	.ie #afficheInitiales.couleurs2_12.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#0c5f33, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_13{
	    		text-shadow: 5px 5px 0 #808080;
	    	 -o-text-shadow: 5px 5px 0 #808080;
	    	-ms-text-shadow: 5px 5px 0 #808080;
	       -moz-text-shadow: 5px 5px 0 #808080;
	    -webkit-text-shadow: 5px 5px 0 #808080;
	}
	.ie #afficheInitiales.couleurs2_13{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#000000, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_13.little{
	    		text-shadow: 3px 3px 0 #808080;
	    	 -o-text-shadow: 3px 3px 0 #808080;
	    	-ms-text-shadow: 3px 3px 0 #808080;
	       -moz-text-shadow: 3px 3px 0 #808080;
	    -webkit-text-shadow: 3px 3px 0 #808080;
	}
	.ie #afficheInitiales.couleurs2_13.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#000000, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_14{
	    		text-shadow: 5px 5px 0 #000000;
	    	 -o-text-shadow: 5px 5px 0 #000000;
	    	-ms-text-shadow: 5px 5px 0 #000000;
	       -moz-text-shadow: 5px 5px 0 #000000;
	    -webkit-text-shadow: 5px 5px 0 #000000;
	}
	.ie #afficheInitiales.couleurs2_14{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#000000, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_14.little{
	    		text-shadow: 3px 3px 0 #000000;
	    	 -o-text-shadow: 3px 3px 0 #000000;
	    	-ms-text-shadow: 3px 3px 0 #000000;
	       -moz-text-shadow: 3px 3px 0 #000000;
	    -webkit-text-shadow: 3px 3px 0 #000000;
	}
	.ie #afficheInitiales.couleurs2_14.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#000000, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_15{
	    		text-shadow: 5px 5px 0 #c9b274;
	    	 -o-text-shadow: 5px 5px 0 #c9b274;
	    	-ms-text-shadow: 5px 5px 0 #c9b274;
	       -moz-text-shadow: 5px 5px 0 #c9b274;
	    -webkit-text-shadow: 5px 5px 0 #c9b274;
	}
	.ie #afficheInitiales.couleurs2_15{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#c9b274, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_15.little{
	    		text-shadow: 3px 3px 0 #c9b274;
	    	 -o-text-shadow: 3px 3px 0 #c9b274;
	    	-ms-text-shadow: 3px 3px 0 #c9b274;
	       -moz-text-shadow: 3px 3px 0 #c9b274;
	    -webkit-text-shadow: 3px 3px 0 #c9b274;
	}
	.ie #afficheInitiales.couleurs2_15.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#c9b274, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_16{
	    		text-shadow: 5px 5px 0 #b2b2b2;
	    	 -o-text-shadow: 5px 5px 0 #b2b2b2;
	    	-ms-text-shadow: 5px 5px 0 #b2b2b2;
	       -moz-text-shadow: 5px 5px 0 #b2b2b2;
	    -webkit-text-shadow: 5px 5px 0 #b2b2b2;
	}
	.ie #afficheInitiales.couleurs2_16{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#b2b2b2, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_16.little{
	    		text-shadow: 3px 3px 0 #b2b2b2;
	    	 -o-text-shadow: 3px 3px 0 #b2b2b2;
	    	-ms-text-shadow: 3px 3px 0 #b2b2b2;
	       -moz-text-shadow: 3px 3px 0 #b2b2b2;
	    -webkit-text-shadow: 3px 3px 0 #b2b2b2;
	}
	.ie #afficheInitiales.couleurs2_16.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#b2b2b2, offx=3, offy=3);
	}
	#afficheInitiales.couleurs2_17{
	    		text-shadow: 5px 5px 0 #916243;
	    	 -o-text-shadow: 5px 5px 0 #916243;
	    	-ms-text-shadow: 5px 5px 0 #916243;
	       -moz-text-shadow: 5px 5px 0 #916243;
	    -webkit-text-shadow: 5px 5px 0 #916243;
	}
	.ie #afficheInitiales.couleurs2_17{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#916243, offx=5, offy=5);
	}
	#afficheInitiales.couleurs2_17.little{
	    		text-shadow: 3px 3px 0 #916243;
	    	 -o-text-shadow: 3px 3px 0 #916243;
	    	-ms-text-shadow: 3px 3px 0 #916243;
	       -moz-text-shadow: 3px 3px 0 #916243;
	    -webkit-text-shadow: 3px 3px 0 #916243;
	}
	.ie #afficheInitiales.couleurs2_17.little{
		/*équivalent a text-shadow*/
		filter: dropshadow(color=#916243, offx=3, offy=3);
	}

	#afficheInitiales.font1{
		font-family: Arial;
		font-size: 160px;
		padding-top: 9px;
		font-weight: bold;
	}
	#afficheInitiales.font2{
    	font-family: 'minion_pro_condbold';
		font-size: 180px;
		margin-top: 103px;
	}
	#afficheInitiales.font3{
		padding-top: 35px;
		font-family: Arial;
		font-size: 110px;
		font-weight: bold;
	}
	#afficheInitiales.font4{
		padding-top: 33px;
    	font-family: 'minion_pro_condbold';
		font-size: 120px;
	}

	.ie8 #afficheMotif{
		/*http://www.useragentman.com/IETransformsTranslator/*/
	   /* IE8 - must be on one line, unfortunately */ 
	    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
	    left: -110px;
	    bottom: 160px
	 }
	.ie7 #afficheMotif{
		/*http://www.useragentman.com/IETransformsTranslator/*/
	   /* IE6 and 7 */ 
	   filter: progid:DXImageTransform.Microsoft.Matrix(
	            M11=0.7071067811865474,
	            M12=-0.7071067811865477,
	            M21=0.7071067811865477,
	            M22=0.7071067811865474,
	            SizingMethod='auto expand');
	   /*
	    * To make the transform-origin be the middle of
	    * the object.    Note: These numbers
	    * are approximations.  For more accurate results,
	    * use Internet Explorer with this tool.
	    */
	    left: -185px;
	    bottom: -110px;
	} 
	#afficheMotif{
				transform: rotateZ(45deg);
			 -o-transform: rotateZ(45deg);
		    -ms-transform: rotate(45deg);
		   -moz-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
	    display: block;
	    left: -210px;
	    margin: 20px 0;
	    position: absolute;
	    bottom: 50px;
		height: 97px;
	    width: 540px;
	}
	#afficheMotif.hidden,#afficheMotif1.hidden{display: none;}

	.ie8 #afficheMotif1{
		/*http://www.useragentman.com/IETransformsTranslator/*/
	   /* IE8 - must be on one line, unfortunately */ 
	    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')";
	    right: -210px;
	    top: -160px
	 }
	.ie7 #afficheMotif1{
		/*http://www.useragentman.com/IETransformsTranslator/*/
	   /* IE6 and 7 */ 
	   filter: progid:DXImageTransform.Microsoft.Matrix(
	            M11=0.7071067811865474,
	            M12=-0.7071067811865477,
	            M21=0.7071067811865477,
	            M22=0.7071067811865474,
	            SizingMethod='auto expand');
	   /*
	    * To make the transform-origin be the middle of
	    * the object.    Note: These numbers
	    * are approximations.  For more accurate results,
	    * use Internet Explorer with this tool.
	    */
	    right: -185px;
	    top: -110px;
	} 
	#afficheMotif1{
				transform: rotateZ(45deg);
			 -o-transform: rotateZ(45deg);
		    -ms-transform: rotate(45deg);
		   -moz-transform: rotateZ(45deg);
		-webkit-transform: rotateZ(45deg);
	    display: block;
	    right: -210px;
	    margin: 20px 0;
	    position: absolute;
	    top: 50px;
		height: 97px;
	    width: 540px;
	}

	
	#afficheMotif.motif2,
	#afficheMotif1.motif2{
		border-style: solid;
		border-width: 0 0 46px;
		height: 46px;
		padding: 0;
	}
	#afficheMotif1.motif2{border-width: 46px 0 0;}

	#afficheMotif.motif3{
		border-style: solid;
		border-width: 0 0;
		height: 80px;	
	}
	#afficheMotif1.motif3{display: none;}
	#afficheMotif.motif4{
		border-style: solid;
		border-width: 60px 0 0;
		height: 60px;
		padding: 0;
	}
	#afficheMotif1.motif4{display: none!important;}
	#afficheMotif.motif5{
		border-style: solid;
		border-width: 30px 0;
		height: 60px;
	}
	#afficheMotif1.motif5{display: none!important;}
	#afficheMotif.motif11{display: none!important;}
	#afficheMotif1.motif11{display: none!important;}


#mapFlash{
	position: absolute;
}


/*big*/
	#afficheMotif.motif6,
	#afficheMotif1.motif6{
		border-style: solid;
		border-width: 0 0;
		height: 100px;	
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-297px;
		width: 685px;
		right: 135px;
	}
	#afficheMotif.motif6{top: auto;bottom: -300px;left: 140px;}
	.ie8 #afficheMotif.motif6,
	.ie8 #afficheMotif1.motif6{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: -154px;
	}
	.ie8 #afficheMotif.motif6{top: auto;bottom: -10px;left: 430px;right: auto;}

	.ie7 #afficheMotif.motif6,
	.ie7 #afficheMotif1.motif6{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: 425px;left: 425px;
	}
	.ie7 #afficheMotif.motif6{top: auto;bottom: -600px;left: 425px;right: auto;}


	#afficheMotif.motif7,
	#afficheMotif1.motif7{
		border-style: solid;
		border-width: 70px 0 0;
		height: 70px;
		padding: 0;
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-317px;
		width: 685px;
		right: 140px;left:133px;
	}
	#afficheMotif.motif7{top: auto;bottom: -320px;left: 133px;}
	.ie8 #afficheMotif.motif7,
	.ie8 #afficheMotif1.motif7{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: auto;
		left: 415px;
	}
	.ie8 #afficheMotif.motif7{top: auto;bottom: -60px;left: 415px;right: auto;}
	.ie7 #afficheMotif.motif7,
	.ie7 #afficheMotif1.motif7{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: auto;
		left: 425px;
	}
	.ie7 #afficheMotif.motif7{top: auto;bottom: -600px;left: 425px;right: auto;}

	#afficheMotif.motif8,
	#afficheMotif1.motif8{
		border-style: solid;
		border-width: 40px 0;
		height: 74px;
		padding: 0;
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-325px;
		width: 685px;
		right: 140px;left:133px;
	}
	#afficheMotif.motif8{top: auto;bottom: -327px;left: 133px;}
	.ie8 #afficheMotif.motif8,
	.ie8 #afficheMotif1.motif8{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: auto;
		left: 412px;
	}
	.ie8 #afficheMotif.motif8{top: auto;bottom: -60px;left: 412px;right: auto;}
	.ie7 #afficheMotif.motif8,
	.ie7 #afficheMotif1.motif8{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: auto;
		left: 425px;
	}
	.ie7 #afficheMotif.motif8{top: auto;bottom: -600px;left: 425px;right: auto;}

/*.little*/
	#afficheMotif.motif6.little,
	#afficheMotif1.motif6.little{
		border-style: solid;
		border-width: 0 0;
		height: 95px;	
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-282px;
		width: 685px;
		right: 135px;
	}
	#afficheMotif.motif6.little{top: auto;bottom: -272px;left: 139px;}
	.ie8 #afficheMotif.motif6.little,
	.ie8 #afficheMotif1.motif6.little{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: -154px;
	}
	.ie8 #afficheMotif.motif6.little{top: auto;bottom: -10px;left: 430px;right: auto;}

	.ie7 #afficheMotif.motif6.little,
	.ie7 #afficheMotif1.motif6.little{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: 430px;
	}
	.ie7 #afficheMotif.motif6.little{top: auto;bottom: -600px;left: 425px;right: auto;}


	#afficheMotif.motif7.little,
	#afficheMotif1.motif7.little{
		border-style: solid;
		border-width: 56px 0 0;
		height: 56px;
		padding: 0;
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-289px;
		width: 685px;
		right: 140px;
	}
	#afficheMotif.motif7.little{top: auto;bottom: -280px;left: 133px;}
	.ie8 #afficheMotif.motif7.little,
	.ie8 #afficheMotif1.motif7.little{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: -130px;
		left: 430px
	}
	.ie8 #afficheMotif.motif7.little{top: auto;bottom: -10px;left: 430px;right: auto;}
	.ie7 #afficheMotif.motif7.little,
	.ie7 #afficheMotif1.motif7.little{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: 430px;
	}
	.ie7 #afficheMotif.motif7.little{top: auto;bottom: -600px;left: 425px;right: auto;}

	#afficheMotif.motif8.little,
	#afficheMotif1.motif8.little{
		border-style: solid;
		border-width: 30px 0 30px;
		height: 54px;
		padding: 0;
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:-289px;
		width: 685px;
		right: 140px;
	}
	#afficheMotif.motif8.little{top: auto;bottom: -280px;left: 133px;}
	.ie8 #afficheMotif.motif8.little,
	.ie8 #afficheMotif1.motif8.little{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		top: -600px;
		right: -150px;
		left: 422px;
	}
	.ie8 #afficheMotif.motif8.little{top: auto;bottom: -10px;left: 424px;right: auto;}
	.ie7 #afficheMotif.motif8.little,
	.ie7 #afficheMotif1.motif8.little{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -600px;
		right: 430px;
	}
	.ie7 #afficheMotif.motif8.little{top: auto;bottom: -600px;left: 425px;right: auto;}


	#afficheMotif.motif9,
	#afficheMotif1.motif9{
		border-style: solid;
		border-width: 0 0;
		height: 80px;	
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:0;
		width: 685px;
		right: -245px;
	}
	#afficheMotif.motif9{top: auto;bottom: 0;left: -245px;}
	.ie8 #afficheMotif.motif9,
	.ie8 #afficheMotif1.motif9{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		left: auto;		
		right: -500px;
		top:-20px;
	}
	.ie8 #afficheMotif.motif9{left: 70px;}
	.ie7 #afficheMotif.motif9,
	.ie7 #afficheMotif1.motif9{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -20px;
		left: auto;
		right: 70px;
	}
	.ie7 #afficheMotif.motif9{top: -20px;bottom: 0;left: 70px;right: auto;}

	#afficheMotif.motif10,
	#afficheMotif1.motif10{
		border-style: solid;
		border-width: 0 0 50px;
		height: 50px;
		padding: 0;
				transform: rotateZ(90deg);
			 -o-transform: rotateZ(90deg);
		    -ms-transform: rotate(90deg);
		   -moz-transform: rotateZ(90deg);
		-webkit-transform: rotateZ(90deg);
		top:0;
		width: 685px;
		right: -245px;
	}
	#afficheMotif1.motif10{border-width: 50px 0 0;}

	#afficheMotif.motif10{left: -245px;}
	.ie8 #afficheMotif.motif10,
	.ie8 #afficheMotif1.motif10{
		/* IE8+ - must be on one line, unfortunately */ 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1.836909530733566e-16, M12=-1, M21=1, M22=-1.836909530733566e-16, SizingMethod='auto expand')";
		left: auto; 
		right: -500px;
		top:-20px;
	}
	.ie8 #afficheMotif.motif10{left: 70px;}
	.ie7 #afficheMotif.motif10,
	.ie7 #afficheMotif1.motif10{

		/* IE6 and 7 */ 
		filter: progid:DXImageTransform.Microsoft.Matrix(
		        M11=-1.836909530733566e-16,
		        M12=-1,
		        M21=1,
		        M22=-1.836909530733566e-16,
		        SizingMethod='auto expand');
		top: -20px;
		left: auto;
		right: 70px;
	}
	.ie7 #afficheMotif.motif10{top: -20px;bottom: 0;left: 70px;right: auto;}

	#afficheMotif.couleurs1_1,
	#afficheMotif1.couleurs1_1{
		background-color:#ffffff;
	}
	#afficheMotif.couleurs1_2,
	#afficheMotif1.couleurs1_2{
		/*background-color: #fff6d3;*/
		background-color: #fbcd9e;
	}
	#afficheMotif.couleurs1_3,
	#afficheMotif1.couleurs1_3{
		background-color:#faa807;
	}
	#afficheMotif.couleurs1_4,
	#afficheMotif1.couleurs1_4{
		/*background-color:#a67939;*/
		background-color:#3e260e;
	}
	#afficheMotif.couleurs1_5,
	#afficheMotif1.couleurs1_5{
		background-color:#fe510f;
	}
	#afficheMotif.couleurs1_6,
	#afficheMotif1.couleurs1_6{
		background-color:#cd0000;
	}
	#afficheMotif.couleurs1_7,
	#afficheMotif1.couleurs1_7{
		/*background-color:#ffb2b2;*/
		background-color:#ffa9a9;
	}
	#afficheMotif.couleurs1_8,
	#afficheMotif1.couleurs1_8{
		/*background-color:#b35959;*/
		background-color:#c02d45;
	}
	#afficheMotif.couleurs1_9,
	#afficheMotif1.couleurs1_9{
		background-color:#6a0048;
	}
	#afficheMotif.couleurs1_10,
	#afficheMotif1.couleurs1_10{
		background-color:#102f5b;
	}
	#afficheMotif.couleurs1_11,
	#afficheMotif1.couleurs1_11{
		/*background-color:#8dcdff;*/
		background-color:#295faf;
	}
	#afficheMotif.couleurs1_12,
	#afficheMotif1.couleurs1_12{
		background-color:#0c5f33;
	}	
	#afficheMotif.couleurs1_13,
	#afficheMotif1.couleurs1_13{
		background-color:#808080;
	}	
	#afficheMotif.couleurs1_14,
	#afficheMotif1.couleurs1_14{
		background-color:#000000;
	}
	#afficheMotif.couleurs1_15,
	#afficheMotif1.couleurs1_15{
		background-color:#c9b274;
	}
	#afficheMotif.couleurs1_16,
	#afficheMotif1.couleurs1_16{
		background-color:#b2b2b2;
	}
	#afficheMotif.couleurs1_17,
	#afficheMotif1.couleurs1_17{
		background-color:#916243;
	}

	#afficheMotif.couleurs2_1,
	#afficheMotif1.couleurs2_1{
		border-color:#ffffff;
	}
	#afficheMotif.couleurs2_2,
	#afficheMotif1.couleurs2_2{
		border-color: #fbcd9e;
	}
	#afficheMotif.couleurs2_3,
	#afficheMotif1.couleurs2_3{
		border-color:#faa807;
	}
	#afficheMotif.couleurs2_4,
	#afficheMotif1.couleurs2_4{
		border-color:#3e260e;
	}
	#afficheMotif.couleurs2_5,
	#afficheMotif1.couleurs2_5{
		border-color:#fe510f;
	}
	#afficheMotif.couleurs2_6,
	#afficheMotif1.couleurs2_6{
		border-color:#cd0000;
	}
	#afficheMotif.couleurs2_7,
	#afficheMotif1.couleurs2_7{
		border-color:#ffa9a9;
	}
	#afficheMotif.couleurs2_8,
	#afficheMotif1.couleurs2_8{
		border-color:#c02d45;
	}
	#afficheMotif.couleurs2_9,
	#afficheMotif1.couleurs2_9{
		border-color:#6a0048;
	}
	#afficheMotif.couleurs2_10,
	#afficheMotif1.couleurs2_10{
		border-color:#102f5b;
	}
	#afficheMotif.couleurs2_11,
	#afficheMotif1.couleurs2_11{
		border-color:#295faf;
	}
	#afficheMotif.couleurs2_12,
	#afficheMotif1.couleurs2_12{
		border-color:#0c5f33;
	}	
	#afficheMotif.couleurs2_13,
	#afficheMotif1.couleurs2_13{
		border-color:#808080;
	}	
	#afficheMotif.couleurs2_14,
	#afficheMotif1.couleurs2_14{
		border-color:#000000;
	}
	#afficheMotif.couleurs2_15,
	#afficheMotif1.couleurs2_15{
		border-color:#c9b274;
	}
	#afficheMotif.couleurs2_16,
	#afficheMotif1.couleurs2_16{
		border-color:#b2b2b2;
	}
	#afficheMotif.couleurs2_17,
	#afficheMotif1.couleurs2_17{
		border-color:#916243;
	}

	#options{
		font-size: 11px;
		position: relative;
		overflow: hidden;
	}
	#options .contentOptions{
		overflow: hidden;
        height: 310px;
	}
	#options .optGrp{
		padding: 15px 0;
		float: left;
		display: block;
	}
	#options .titreOption{
		text-transform: uppercase;
		color: #fff;
		margin: 0 0 13px 0;
		font-family: Georgia;
	}
	#options button{
		text-indent: -90000px;
	}
	#options #colGoy{
		float: left;
	    overflow: hidden; 
	    width: 180px;
	    padding: 0 17px 0 0;
		border-right: 1px solid #3D3623;
	}
	#options #colGoy .colGoy{
		width: 34px;
		height: 34px;
		margin: 0 1px 1px 0; 
	}
    #options {display:block!important;}
	.marquageContent #colGoy1{
		background: url("../images/bg_colGoy.png") no-repeat 0 0;
	}
	.marquageContent #colGoy2{
		background: url("../images/bg_colGoy.png") no-repeat -35px 0;
	}
	.marquageContent #colGoy3{
		background: url("../images/bg_colGoy.png") no-repeat -70px 0;
	}
	.marquageContent #colGoy4{
		background: url("../images/bg_colGoy.png") no-repeat -105px 0;
	}
	.marquageContent #colGoy5{
		background: url("../images/bg_colGoy.png") no-repeat -140px 0;
	}
	.marquageContent #colGoy6{
		background: url("../images/bg_colGoy.png") no-repeat 0 -35px;
	}
	.marquageContent #colGoy7{
		background: url("../images/bg_colGoy.png") no-repeat -35px -35px;
	}
	.marquageContent #colGoy8{
		background: url("../images/bg_colGoy.png") no-repeat -70px -35px;
	}
	.marquageContent #colGoy9{
		background: url("../images/bg_colGoy.png") no-repeat -105px -35px;
	}
	.marquageContent #colGoy10{
		background: url("../images/bg_colGoy.png") no-repeat -140px -35px;
	}
	.marquageContent #colGoy1:hover,.marquageContent #colGoy1.active{
		background: url("../images/bg_colGoy.png") no-repeat 0 -69px;
	}
	.marquageContent #colGoy2:hover,.marquageContent #colGoy2.active{
		background: url("../images/bg_colGoy.png") no-repeat -35px -69px;
	}
	.marquageContent #colGoy3:hover,.marquageContent #colGoy3.active{
		background: url("../images/bg_colGoy.png") no-repeat -70px -69px;
	}
	.marquageContent #colGoy4:hover,.marquageContent #colGoy4.active{
		background: url("../images/bg_colGoy.png") no-repeat -105px -69px;
	}
	.marquageContent #colGoy5:hover,.marquageContent #colGoy5.active{
		background: url("../images/bg_colGoy.png") no-repeat -140px -69px;
	}
	.marquageContent #colGoy6:hover,.marquageContent #colGoy6.active{
		background: url("../images/bg_colGoy.png") no-repeat 0 -104px;
	}
	.marquageContent #colGoy7:hover,.marquageContent #colGoy7.active{
		background: url("../images/bg_colGoy.png") no-repeat -35px -104px;
	}
	.marquageContent #colGoy8:hover,.marquageContent #colGoy8.active{
		background: url("../images/bg_colGoy.png") no-repeat -70px -104px;
	}
	.marquageContent #colGoy9:hover,.marquageContent #colGoy9.active{
		background: url("../images/bg_colGoy.png") no-repeat -105px -104px;
	}
	.marquageContent #colGoy10:hover,.marquageContent #colGoy10.active{
		background: url("../images/bg_colGoy.png") no-repeat -140px -104px;
	}

	#options #motifs{
		width: 212px;
		padding: 0 16px;
		border-right: 1px solid #3d3623;
	}
	#options #contentSlidermotifs{
		position: relative;
	}
	#options #slidermotifs{
		margin:0 auto;
		width: 150px;
		height: 69px;
		overflow: hidden;
		position:relative;
	}
	#options #slidermotifs .contentmotifs{
		left: 0;
		overflow: hidden;
		position: absolute;
	}
	#options #contentSlidermotifs .prevMotif,
	#options #contentSlidermotifs .suivMotif{
		position: absolute;
		top: 23px;
		width: 24px;
		height: 24px;
		text-indent: -9999px;
	}
	#options #contentSlidermotifs .prevMotif{
		left:0px;
		background: url(../images/arrowSliderMotif.png) no-repeat 0 0;
	}
	#options #contentSlidermotifs .suivMotif{
		right: 0px;
		background: url(../images/arrowSliderMotif.png)  no-repeat -24px 0;
	}

	#options #contentSlidermotifs .suivMotif:hover{
		background-position: -24px -24px;
	}

	#options #contentSlidermotifs .prevMotif:hover{
		background-position: 0 -24px;
	}
	#options #motifs .motif{
		width: 69px;
		height: 69px;
		margin:0 0 0 5px;
		text-indent: -9999px;
		display: block;
		float: left;
	}
	#options #motif1{
		background: url("../images/motifs_01.png") no-repeat;
	}
	#options #motif2{
		background: url("../images/motifs_02.png") no-repeat;
	}
	#options #motif3{
		background: url("../images/motifs_03.png") no-repeat;
	}
	#options #motif4{
		background: url("../images/motifs_04.png") no-repeat;
	}
	#options #motif5{
		background: url("../images/motifs_05.png") no-repeat;
	}
	#options #motif6{
		background: url("../images/motifs_06.png") no-repeat;
	}
	#options #motif7{
		background: url("../images/motifs_07.png") no-repeat;
	}
	#options #motif8{
		background: url("../images/motifs_08.png") no-repeat;
	}
	#options #motif9{
		background: url("../images/motifs_09.png") no-repeat;
	}

	#options #motif10{
		background: url("../images/motifs_10.png") no-repeat;
	}
	#options #motif11{
		background: url("../images/motifs_00.png") no-repeat;
	}	
	#options  #motifs .motif:hover,#options  #motifs .motif.active{
		border: 2px solid #ffffff;
		background-position: -2px -2px;
	}

	#options #couleurs1,#options #couleurs2{
		width: 144px;
		padding: 0 16px;
		border-right: 1px solid #3d3623;
	}
	#options #couleurs1 .col,#options #couleurs2 .col{
		width: 20px;
		height: 20px;
		margin: 0 4px 4px 0;
	}


	#options #couleurs1_1, #options #couleurs2_1{
		background:url("../images/bg_col-1.png") no-repeat 0 0;
	}
	#options #couleurs1_2, #options #couleurs2_2{
		background:url("../images/bg_col-1.png") no-repeat -20px 0;
	}
	#options #couleurs1_3, #options #couleurs2_3{
		background:url("../images/bg_col-1.png") no-repeat -40px 0;
	}
	#options #couleurs1_4, #options #couleurs2_4{
		background:url("../images/bg_col-1.png") no-repeat -60px 0;
	}
	#options #couleurs1_5, #options #couleurs2_5{
		background:url("../images/bg_col-1.png") no-repeat -80px 0;
	}
	#options #couleurs1_6, #options #couleurs2_6{
		background:url("../images/bg_col-1.png") no-repeat -100px 0;
	}
	#options #couleurs1_7, #options #couleurs2_7{
		background:url("../images/bg_col-1.png") no-repeat -120px 0;
	}
	#options #couleurs1_8, #options #couleurs2_8{
		background:url("../images/bg_col-1.png") no-repeat -140px 0;
	}
	#options #couleurs1_9, #options #couleurs2_9{
		background:url("../images/bg_col-1.png") no-repeat -160px 0;
	}
	#options #couleurs1_10, #options #couleurs2_10{
		background:url("../images/bg_col-1.png") no-repeat -180px 0;
	}
	#options #couleurs1_11, #options #couleurs2_11{
		background:url("../images/bg_col-1.png") no-repeat -200px 0;
	}
	#options #couleurs1_12, #options #couleurs2_12{
		background:url("../images/bg_col-1.png") no-repeat -220px 0;
	}
	#options #couleurs1_13, #options #couleurs2_13{
		background:url("../images/bg_col-1.png") no-repeat -240px 0;
	}
	#options #couleurs1_14, #options #couleurs2_14{
		background:url("../images/bg_col-1.png") no-repeat -260px 0;
	}
	#options #couleurs1_15, #options #couleurs2_15{
		background:url("../images/bg_col-1.png") no-repeat -280px 0;
	}
	#options #couleurs1_16, #options #couleurs2_16{
		background:url("../images/bg_col-1.png") no-repeat -300px 0;
	}
	#options #couleurs1_17, #options #couleurs2_17{
		background:url("../images/bg_col-1.png") no-repeat -320px 0;
	}

	#options #couleurs1_1:hover, #options #couleurs2_1:hover,#options #couleurs1_1.active, #options #couleurs2_1.active{
		background:url("../images/bg_col-1.png") no-repeat 0 -20px;
	}
	#options #couleurs1_2:hover, #options #couleurs2_2:hover,#options #couleurs1_2.active, #options #couleurs2_2.active{
		background:url("../images/bg_col-1.png") no-repeat -20px -20px;
	}
	#options #couleurs1_3:hover, #options #couleurs2_3:hover,#options #couleurs1_3.active, #options #couleurs2_3.active{
		background:url("../images/bg_col-1.png") no-repeat -40px -20px;
	}
	#options #couleurs1_4:hover, #options #couleurs2_4:hover,#options #couleurs1_4.active, #options #couleurs2_4.active{
		background:url("../images/bg_col-1.png") no-repeat -60px -20px;
	}
	#options #couleurs1_5:hover, #options #couleurs2_5:hover,#options #couleurs1_5.active, #options #couleurs2_5.active{
		background:url("../images/bg_col-1.png") no-repeat -80px -20px;
	}
	#options #couleurs1_6:hover, #options #couleurs2_6:hover,#options #couleurs1_6.active, #options #couleurs2_6.active{
		background:url("../images/bg_col-1.png") no-repeat -100px -20px;
	}
	#options #couleurs1_7:hover, #options #couleurs2_7:hover,#options #couleurs1_7.active, #options #couleurs2_7.active{
		background:url("../images/bg_col-1.png") no-repeat -120px -20px;
	}
	#options #couleurs1_8:hover, #options #couleurs2_8:hover,#options #couleurs1_8.active, #options #couleurs2_8.active{
		background:url("../images/bg_col-1.png") no-repeat -140px -20px;
	}
	#options #couleurs1_9:hover, #options #couleurs2_9:hover,#options #couleurs1_9.active, #options #couleurs2_9.active{
		background:url("../images/bg_col-1.png") no-repeat -160px -20px;
	}
	#options #couleurs1_10:hover, #options #couleurs2_10:hover,#options #couleurs1_10.active, #options #couleurs2_10.active{
		background:url("../images/bg_col-1.png") no-repeat -180px -20px;
	}
	#options #couleurs1_11:hover, #options #couleurs2_11:hover,#options #couleurs1_11.active, #options #couleurs2_11.active{
		background:url("../images/bg_col-1.png") no-repeat -200px -20px;
	}
	#options #couleurs1_12:hover, #options #couleurs2_12:hover,#options #couleurs1_12.active, #options #couleurs2_12.active{
		background:url("../images/bg_col-1.png") no-repeat -220px -20px;
	}
	#options #couleurs1_13:hover, #options #couleurs2_13:hover,#options #couleurs1_13.active, #options #couleurs2_13.active{
		background:url("../images/bg_col-1.png") no-repeat -240px -20px;
	}
	#options #couleurs1_14:hover, #options #couleurs2_14:hover,#options #couleurs1_14.active, #options #couleurs2_14.active{
		background:url("../images/bg_col-1.png") no-repeat -260px -20px;
	}
	#options #couleurs1_15:hover, #options #couleurs2_15:hover,#options #couleurs1_15.active, #options #couleurs2_15.active{
		background:url("../images/bg_col-1.png") no-repeat -280px -20px;
	}
	#options #couleurs1_16:hover, #options #couleurs2_16:hover,#options #couleurs1_16.active, #options #couleurs2_16.active{
		background:url("../images/bg_col-1.png") no-repeat -300px -20px;
	}
	#options #couleurs1_17:hover, #options #couleurs2_17:hover,#options #couleurs1_17.active, #options #couleurs2_17.active{
		background:url("../images/bg_col-1.png") no-repeat -320px -20px;
	}

	#options #text{
		width: 143px;
		padding: 0 0 0 18px;
	}
	#options #text #initiales{
		margin: 0 0 7px;
		padding: 9px 0 9px 9px;
		border:none;
		height: 12px;
		width: 135px;
	}

	#options #text .font{
		color: #b3b3b3;
		width: 32px;
		height: 32px;
		font-size: 20px;
		margin:0 5px 0 0;
		text-indent: -9999px;
	}
	#options #text #font1{
		background: url("../images/bg_font1.png") no-repeat 0 0;
	}
	#options #text #font2{
		background: url("../images/bg_font2.png") no-repeat 0 0;
	}
	#options #text #font3{
		background: url("../images/bg_font3.png") no-repeat 0 0;
	}
	#options #text #font4{
		background: url("../images/bg_font4.png") no-repeat 0 0;
		margin:0;
	}
	#options #text #font1:hover,#options #text #font1.active{
		background: url("../images/bg_font1.png") no-repeat 0 -32px;
	}
	#options #text #font2:hover,#options #text #font2.active{
		background: url("../images/bg_font2.png") no-repeat 0 -32px;
	}
	#options #text #font3:hover,#options #text #font3.active{
		background: url("../images/bg_font3.png") no-repeat 0 -32px;
	}
	#options #text #font4:hover,#options #text #font4.active{
		background: url("../images/bg_font4.png") no-repeat 0 -32px;
	}
	#options .closeBottom{
		/*padding: 0 0 45px 0;*/
		background: url("../images/bg_boutonPersoActif.png") no-repeat 0 100%;
		clear: both;
		height: 70px;
		width: 100%;
		margin: 5px 0 0 -3px;
		outline: none;
	}
	#options .closeBottom::-moz-focus-inner {/*pour firefox qui a un padding différent*/
	    border:0;
	    padding:0;
		margin: 20px 0 0 -3px;
	}
	.ie #options .closeBottom{
	    padding-top:20px;
	}
	.ie8 #options .closeBottom,
	.ie7 #options .closeBottom{
	    background-position-y: 0;
	}

	.sepMail { background: url("../images/sep_mail.png") no-repeat center; height: 1px;margin: 0 0 40px;border: none;}
	#svgRef{clear: both;padding: 30px 0 35px; border-bottom: 1px solid #c9b274;font-family: georgia;color: #b2b2b2;line-height: 13px;font-size: 11px;}
	.ie7 #svgRef{padding-top:0;}
	#svgRef label{float: left;font-style: italic;}
	#svgRef label span{color: #fff;text-transform: uppercase;}
	#email{float:left;margin:0 0 0 30px;width: 200px;height: 32px;line-height: 32px;padding: 0 0 0 12px;font-family: georgia;font-size: 11px;color: #000;border: none;}
	#email::-webkit-input-placeholder{
	   color: #000;
	}
	#email:-moz-placeholder{
	   color: #000;
	}
	#submitRef{float:left;height: 32px;line-height: 32px;color: #fff;font-family: Georgia;text-transform: uppercase;background: url("../images/bg_sumit_svgRef.jpg") repeat-x;border: none;border-radius: 2px;cursor: pointer;vertical-align: top;padding: 0 10px;margin:0 0 0 5px }
	#svgRef .msg{float: left;margin: 0 0 0 10px;font-family: Georgia;font-size: 10px;line-height: 32px;font-style: italic;color: #c9b274;}
	#svgRef .error{color: #cc0000;}
/*fin marquage*/




/* IPAD */

.ipad #carousel-story{width: 960px; }
.ipad #ombrevignettes{width: 960px; }
.ipad #carousel-story .imagesSlider .control {display: none}
.ipad #carousel-story .imagesContent{width: 960px; }
.ipad #carousel-story .imagesContent .image{width: 960px; }
.ipad #carousel-story .imagesContent .image img {width: 960px; }
.ipad #carousel-story .articlesSlider .article {width: 960px;margin: 0;}
.ipad #carousel-story .articlesSlider.swipe.wrapper {}
.ipad #carousel-story .imagesSlider .image .animFlash,.ipad #carousel-story .imagesSlider .image .trame{display: none}
.ipad #carousel-story .marquageContent {width: 960px; }
.ipad #carousel-story .article.inactif{display: none}




#page-perso .articleMarquage {text-align:center;}
#page-perso .articleMarquage h2.title{margin: 10px 0 -10px 0;}

.inverse { float: right; color:#fff; text-indent: 0!important;height: 32px;line-height: 32px;color: #fff;font-family: Georgia;text-transform: uppercase;background: url("../images/bg_sumit_svgRef.jpg") repeat-x;border: none;border-radius: 2px;cursor: pointer;vertical-align: top;padding: 0 10px;margin:0 0 0 5px}
#page-perso #ombrevignettes{margin:0; padding:0;}