@media all and (min-width:485px) and (max-width:1024px){#cssDetect{display:none;width:481px;}

#mainPage{}

#responsiveGrid{border:0;padding:0;}

#responsiveGrid td{border:0;padding:0;}

.responsiveGridLeftSpacer{}

.responsiveGridRightSpacer{}

.responsiveGridHeaderRow{height:55px;}

.responsiveGridFooterRow{height:15px;}

.responsiveGridContentColumn{vertical-align:top;}

#navTitle{margin-top:30px;margin-bottom:20px;font-family:bernardo-modaregular;color:#666666;font-size:2.50em;line-height:100%;text-transform:uppercase;text-align:center;}

#navLinks{margin-bottom:40px;font-family:arial;color:#666666;font-size:0.95em;font-weight:600;text-transform:uppercase;text-align:center;}

#navLinks a{margin-left:2em;margin-right:2em;}

#navLinkActive a:link,

#navLinkActive a:visited,

#navLinkActive a:hover,

#navLinkActive a:active{color:#888;}

#navSelect{display:none;}

#featuredImages{display:block;margin-left:auto;margin-right:auto;}

#mainGallery{margin-left:56px;margin-right:56px;}

#filmStrip{margin-top:10px;margin-left:auto;margin-right:auto;}

#filmStrip li{margin-left:1px;margin-right:1px;}

#filmstripContainer li{opacity:0.5;}

#filmstripContainer li.flex-active-slide{opacity:1.0;}

#galleryFooter{}

.galleryBackLink{position:relative;float:center;z-index:2;margin-left:66px;margin-top:16px;font-family:arial;font-style:italic;font-size:0.6em;font-weight:600;text-transform:uppercase;}

.galleryBackLink a:link,

.galleryBackLink a:visited,

.galleryBackLink a:hover,

.galleryBackLink a:active{color:#333;}

.galleryBackIcon{height:7px;margin-right:3px;opacity:0.8;}

.albumLoading{min-height:250px;background:url(../art/loading-spinner.gif) no-repeat center center;}



.responsiveImage{max-width:100%;}

#storyGrid{table-layout:fixed;width:100%;}

.storyGridTile{width:25%;}

.storyGridTile{}

.storyTileLayout{table-layout:fixed;width:100%;}

.storyTileWrapper{margin-bottom:5px;margin-left:3px;margin-right:3px;}

.storyTileImage{}

.storyTileFooter{}

.storyTileTitle{margin-left:3px;margin-right:3px;padding-left:2px;padding-right:2px;padding-top:2px;padding-bottom:3px;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#999;font-family:arial;font-style:italic;font-size:7px;font-weight:600;text-transform:uppercase;color:#444;}

.storyTileTitle a:link,

.storyTileTitle a:visited,

.storyTileTitle a:hover,

.storyTileTitle a:active{color:#444;}

.storyTileIcon{position:relative;float:right;margin-top:2px;height:6px;opacity:0.8;}

.storyGridNavLinks{margin-top:10px;margin-left:auto;margin-right:auto;font-family:arial;font-style:italic;font-size:0.9em;font-weight:700;text-align:center;color:#888;}

.storyGridNavLink{padding-left:5px;padding-right:5px;}

.storyGridNavLinkActive{text-decoration:underline;color:#333;}

a:link.storyGridNavLink,

a:visited.storyGridNavLink,

a:hover.storyGridNavLink,

a:active.storyGridNavLink{font-weight:700;color:#AAA;text-decoration:none;}

#bioText{margin-left:50px;margin-right:50px;width:auto;font-family:arial;font-style:italic;font-size:1.05em;;line-height:100%;text-transform:none;color:#bbb;text-align:left}



.bioImage{width:225px;margin-right:12px;margin-bottom:12px;position:relative;float:left;}

#contactText{margin-left:auto;margin-right:auto;width:400px;font-family:arial;font-size:0.95em;font-weight:700;text-transform:uppercase;text-align:center;color:#888;}

#contactText h1{margin-top:50px;font-size:1.75em;}

#contactText h2{margin-top:50px;font-size:1.2em;}

.contactExtra{margin-top:40px;font-size:1em;color:#888;}

.contactCopyright{margin-top:20px;font-size:0.65em;font-style:italic;color:#888;}

IMG.displayed {

    display: block;

    margin-left: auto;

    margin-right: auto }



.conteneur

{

position: relative;

}



.videoWrapper {

 position: relative;

 padding-bottom: 56.25%; /* 16:9 */

 padding-top: 25px;

 height: 0;

}

.videoWrapper iframe {

 position: absolute;

 top: 0;

 left: 0;

 width: 100%;

 height: 100%;

}

/*menu deroulant*/

  #menu-demo2, #menu-demo2 ul{

padding:0;

margin:0;

list-style:none;

text-align:center;

}

#menu-demo2 li{

display:inline-block;

position:relative;



}

#menu-demo2 ul li{

display:inherit;



}

#menu-demo2 ul li:hover{





}

#menu-demo2 ul li:last-child{



}

#menu-demo2 ul{

position:absolute;

z-index: 1000;

max-height:0;

left: 0;

right: 0;

overflow:hidden;





}

#menu-demo2 li:hover ul{

max-height:20em;

}

/* background des liens menus */

#menu-demo2 li:first-child{





}

#menu-demo2 li:nth-child(2){





}

#menu-demo2 li:nth-child(3){





}

#menu-demo2 li:last-child{





}

/* background des liens sous menus */

#menu-demo2 li:first-child li{



}

#menu-demo2 li:nth-child(2) li{



}

#menu-demo2 li:nth-child(3) li{



}

#menu-demo2 li:last-child li{



}

/* background des liens menus et sous menus au survol */

#menu-demo2 li:first-child:hover, #menu-demo2 li:first-child li:hover{



}

#menu-demo2 li:nth-child(2):hover, #menu-demo2 li:nth-child(2) li:hover{



}

#menu-demo2 li:nth-child(3):hover, #menu-demo2 li:nth-child(3) li:hover{



}

#menu-demo2 li:last-child:hover, #menu-demo2 li:last-child li:hover{



}

/* les a href */

#menu-demo2 a{

text-decoration:none;

display:block;

padding:8px 32px;

color:#666;

font-family:arial;

}

#menu-demo2 ul a{

padding:8px 0;

}

#menu-demo2 li:hover li a{

color:#fff;

text-transform:inherit;

}

#menu-demo2 li:hover a, #menu-demo2 li li:hover a{

color:#ff2020;

}

}