body, html { width:100%; height:100%; overflow:hidden; }
#small { overflow:auto; }
.backOpacity {
  background:rgba(0,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000)\9
  /* 0% = 00 / 20% = 33 / 50% = 80 / 75% = C0 / 100% = FF */
}
.ie9 .backOpacity { filter:none; }

body { background:url(../images/fond1.jpg) no-repeat bottom center fixed; background-size:cover; }

#back { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; }

#icones { position:absolute; top:13px; right:10px; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#small #icones { opacity:0; }
#icones a { background:#fff; display:block; float:left; margin-left:3px; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#icones a:hover { opacity:0.5; }

#top, #content, #bottom {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
}
#top0 { position:fixed; top:0; left:0; height:8px; width:100%; z-index:10000; background:url(../images/top.jpg) repeat-x; }

#blocktxtic table { max-width:643px !important; }

#menuflag {position:fixed; top:12px; right:42px; z-index:5000;}

#menu0 { background:#96122b; position:fixed; top:8px; left:42px; width:201px; z-index:101; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#small #menu0 { left:50%; margin-left:-100px; zoom:0.8; position:absolute; }
#small #menu0.select { zoom:1.2; }
#small.mobileHoriz #menu0 { left:10px; margin-left:0; position:absolute; }
#logo { display: block; margin: 0 auto; padding: 5px; }
#logo img { width: 90%; margin: 30px auto 10px auto; }
#logo .boutique-btn { margin: 10px; }
#small #logo { width:160px; margin:8px auto; }
#small #logo img { margin: 8px auto 0 auto; }
#menu { background:none; height:auto; margin:10px 10px 5px; font-family:'Oswald2'; font-weight:normal; text-transform:uppercase; border-bottom:1px solid #aa404c; }
#menu li { float:none; border-top:1px solid #aa404c; text-align:left; }
#menu li a span { font-size:17px; color:#b67369; text-shadow:2px 2px 1px rgba(0,0,0,0.3); -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#menu li a:hover span, #menu li a.select span { color:#f6f0c7; text-shadow:2px 2px 1px #000; }
#menubottom { position:absolute; bottom:-27px; left:0; }
.firefox #menubottom { background:#96122b; }
#menuflc { visibility:hidden; }
#menu2 { padding-top:5px; position:relative; }
#menu2 a img { opacity:0.3; -webkit-transition: all 500ms ease-in-out 0s; -moz-transition: all 500ms ease-in-out 0s; -o-transition: all 500ms ease-in-out 0s; -ms-transition: all 500ms ease-in-out 0s; transition: all 500ms ease-in-out 0s; }
#menu2 a:hover img, #menu2 a.select img { opacity:1; }
#menubottom { width:100%; }
#menuclic, #menubottom img { width:100%; }
#small #menu0.select #menubottom img { position:relative; top:-2px; }
#menuclic,#menuflc { cursor:pointer; }
#menuswitch { overflow:hidden; }


#small #menu { margin-left:0; margin-right:0; margin-bottom:0; }
#tempMenu > img { display:none; }
#tempMenu a { line-height:38px; color:#5c1111; font-size:16px; text-decoration:none; border-bottom:1px solid #a43242; background:#a73a3a; padding:0 16px; text-transform:uppercase; display:block; text-align:left; font-family:'Oswald2'; font-weight:bold; }
#tempMenu .retour a { background:#5f0606; color:#96705c; }
#tempMenu a.select { color:#fff; }
#small #menubottom { z-index:10000; }


#accueil1 { position:fixed; top:0; left:0; width:100%; padding-top:31.5%; background:#ead7c4 url(../images/haut.jpg) top center no-repeat; background-size:cover; }
#small #accueil1 { padding-top:0; height:60%; background-image:url(../images/haut2.jpg); }
#small.mobileHoriz #accueil1 { height:45%; }
#small #accueil1 object { display:none; }
#timeline { position:absolute; bottom:-3px; left:0; height:6px; width:100%; background:#c58858; }
#small #timeline { display:none; }
#timeline .point { position:absolute; top:-10px; z-index:50; width:26px; height:26px; background:url(../images/progress2.png) no-repeat 0 0; cursor:pointer; }
.firefox #timeline .point { background:#c58858; }
#timeline .pointSelect, #timeline .point:hover { background-position:0 -26px; }
.firefox #timeline .pointSelect, .firefox #timeline .point:hover { background:#9e1d38; }
#progress { position:absolute; top:0; left:0; height:6px; background:url(../images/progress.jpg) repeat-x; }

#accueil1b { display:none; }
#small #accueil1b { position:absolute; top:0; left:0; display:block; height:100%; width:100%; background:url(../images/video.jpg) no-repeat center center; background-size:contain; }
#small.mobileHoriz #accueil1b { background-image:url(../images/video2.jpg); }


#accueil2 { position:fixed; bottom:7%; left:50%; margin-left:-165px; width:360px; height:225px; text-align:center; }
#medium #accueil2 { bottom:10%; }
#small #accueil2 { bottom:5%; zoom:0.65; height:185px; margin-left:-180px; }
#small.mobileHoriz #accueil2 { zoom:0.7 !important; height:120px; }
#small.mobileHoriz #actuTitle { display:none; }
#small #myBreve1Nav { display:none; }
#accueil2 .sqBreve { margin:12px 0; }
#myBreve1Nav { position:absolute; bottom:0; left:0; width:100%; text-align:center; }
#myBreve1Nav a { text-decoration:none; font-size:35px; line-height:10px; color:#7f6c5a; }
#myBreve1Nav a:hover { color:#d5d0ac; }
#myBreve1Nav a.select { color:#96122b; }


#brevePrev { position:absolute;top:100px;left:-100px; }
#breveNext { position:absolute;top:100px;right:-100px; }
#small.mobileHoriz #brevePrev,
#small.mobileHoriz #breveNext { top:45px; }




#content { position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto; }
#content2 { position:relative; float:right; min-height:100%; width:694px; background:#eddbc6 url(../images/fond.jpg) repeat-y bottom right; }
#small #content2 { float:none; width:100%; margin-top:120px; overflow:hidden; }
#small #content2 > img { width:100%; }
#content3 { padding:20px 24px 80px 20px; }




#small #photos_ic, 
#small #photos_ic .imgIC img { width:100px !important; }

#small #photos_ic2 { width:100%; }
#small #photos_ic2.three .photoIC { width:32%; margin-left:1% !important; }
#small #photos_ic2.two .photoIC { width:49%; margin-left:1% !important; }
#small #photos_ic2.one .photoIC { width:100%; margin-left:0% !important; }
#small #photos_ic2 .photoIC > div { width:100% !important; }
#small #photos_ic2 .photoIC .imgIC img { width:100%; }


#galCatTitre { position:absolute;top:-155px;left:50%;margin-left:-117px;}
#small #galCatTitre { display:none; }

#galMenu2 { position:absolute;top:30%;margin-top:-35px;right:0;width:425px;min-height:70px; height: auto !important; height:70px; background:rgba(150,18,43,0.8); }
#small #galMenu2 { width:350px; zoom:0.8; }






#bottom { position:fixed; bottom:0; left:0; height:115px; width:100%; z-index:102; background:url(../images/footer.png) repeat-x bottom left; }
#small #bottom { display:none; }
#bottom .padding { text-align:left; color:#fff; font-size:10px; padding:45px 10px 0; }
#bottom .padding strong { font-size:12px; }
#bottom a { color:#fff; text-decoration:none; }
#bottom a:hover { text-decoration:underline; }