@media screen and (max-width: 960px) {



#wrapper {

width: 758px !important;

padding: 0;

}



#center {

width: 558px !important;

}

}





@media screen and (max-width: 524px) {





#wrapper {

width: 292px !important;

padding: 0;

}



#nav {

background: none !important;

box-shadow: none !important;

-moz-box-shadow: none !important;

padding: 0 !important;

margin-bottom: 10px;

height: auto;

}



#nav ul.menu li{

width: 292px !important;

height: 30px;

margin: 5px 0 !important;

padding: 5px 0 5px 0;

border-bottom: none !important;

float: none;

background: #ffffff;

background-image: url("white-gradient.svg");

background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

border-radius: 5px;

-moz-border-radius: 5px;

-o-border-radius: 5px;

-webkit-border-radius: 5px;

box-shadow: #545454 0px 2px 3px 0px;

-moz-box-shadow: #545454 0px 2px 3px 0px;

-webkit-box-shadow: #545454 0px 2px 3px 0px;

}

#nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {

	position: absolute;

	left: -999em;

	z-index: 999;

    margin: 0px;

    padding: 0;

	background: #ffffff;

	background-image: url("white-gradient.svg");

	background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

	background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	border: #ffffff 1px solid;

    box-shadow: #545454 0px 1px 1px 0px;

	-moz-box-shadow: #545454 0px 1px 1px 0px;

	-webkit-box-shadow: #545454 0px 1px 1px 0px;

    border: #ccc 1px solid;

	width: 290px;

}

#nav ul.menu li ul {

height:auto;

width:auto;

background-color:#ffffff;

border:0px;

}



/*

ul.nav-child li{

background-color:#fff;

}

*/

ul.nav-child.unstyled{

/*margin: 0 0 0px 0px !important;*/

}

ul.nav-child li li{

/*line-height: 0px !important;*/



}

/*ul.nav-child li li,*/

ul.nav-child > li > a,

ul.nav-child > li:hover > a,

ul.nav-child > li.active > a {

/*line-height: 50px !important;*/

/**/position:relative;

top:0px;

height:20px;

margin: 0px !important;

padding: 5px 0 5px 0;

border-bottom: none !important;

/*margin:0px 0px 10px 0px;*/

}





/*

.module.light li.active>a {

  font-weight: bold;

  text-decoration: underline;

}

*/

/*cache les modules */

#slideshow, #sitemap {

display: none;

}