@media all and (max-width:484px){#cssDetect{display:none;width:480px;}

#mainPage{}

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

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

.responsiveGridLeftSpacer{}

.responsiveGridRightSpacer{}

.responsiveGridHeaderRow{height:15px;}

.responsiveGridFooterRow{height:15px;}

.responsiveGridContentColumn{vertical-align:top;}

#navTitle{font-family:bernardo-modaregular;font-size:1em;color:#666666;text-transform:uppercase;text-align:center;}

#navLinks{display:none;font-family:Arial;font-size:1em; width:8em;margin-left:2em;margin-top:1em;color:#fff;}

#navLinks ul{margin-top:0px;margin-bottom:0px;padding-left:0px;}

#navSelect{text-align:center;}

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

.responsiveImage{max-width:100%;max-height:100%;}

.galleryBackLink{display:none;}

#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{font-family:arial;font-style:italic;font-size:8px;text-transform:uppercase;color:#666;}

.storyTileIcon{display:none;}

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

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

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





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

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

#contactText h1{margin-top:20px;font-size:1.4em;}

#contactText h2{margin-top:20px;font-size:1.3em;}

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

.contactCopyright{margin-top:10px;font-size:1.15em;font-style:italic;color:#666;}

#feptext{margin-left:auto;margin-right:auto;width:200px;font-family:arial;font-size:0.7em;font-weight:300;text-transform:uppercase;text-align:center;color:#bbb;}

.feptext {margin-top:20px;font-size:0.7em;}

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:15em;

}

/* 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;

}



}