@charset "utf-8";
/* CSS Document */

/* google font
font-family: 'Abel', sans-serif;
font-family: 'Josefin Sans', sans-serif;
*/

#sticky-sticky-wrapper.is-sticky{z-index:1000;position: relative;background:#fff;}
#sticky-sticky-wrapper.is-sticky #sticky{background:#fff;padding:5px 0;}

@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}


html {
	font: 100% 'Abel', Arial, sans-serif;
}

body {
	color: #000000;
	background-color: #ffffff;
	background-position: center top;
}


/* //////////////////////////////// */
/* ///////////////// general styles */
/* //////////////////////////////// */


h1, h2, h3 {
	background-repeat: no-repeat;

}
h1, h2 {
	text-transform: uppercase;
}


ul {
	padding: 0;
	margin: 0;
}


li {
	background-repeat: no-repeat;
	list-style-type: none;
}

a {
	text-decoration: none;
}

a:active, a:focus{
   outline:none;
}


img  {
border:none;
}


/* //////////////////////////////// */
/* //////////////////// alignements */
/* //////////////////////////////// */

.imgleft {
    float: left;
    padding-right: 12px;
}
.imgright {
    float: right;
    margin-left: 12px;
}

.imgcenter {
    text-align:center;
    margin: 0 auto;
}
.imgbottom {
vertical-align:bottom;
}
.imgmiddle {
    vertical-align:middle;
    line-height:0px;
    font-size:0px;
    margin:0;
    padding:0;
}


.blocimgprcentwidth img, .blocimg img {
	width:100%;
	display: block;
}
.blocimgmargin img {
	margin-bottom: 7.1%;
}
.blocimgmargin img:last-child {
	margin-bottom: 0px;
}
.blocimg.imgpartialwidth img {
	width:85%;
}

.intro {
	font-family: 'Josefin Sans', sans-serif;
	font-size:25px;
	text-align: center;
	line-height: 24px;
}





/* //////////////////////// clearfloat */
/* /////////////////////////////////// */
.clearfloat {
	overflow:hidden;
	display: block;
	height:1%;
}

/* ////////////////////////// clearfix */
/* /////////////////////////////////// */

.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
	 content:"";
	 display:table;
     line-height: 0;
     height: 0;
}
.clearfix {display: block; zoom:1; /* For IE 6/7 */}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.center {
    text-align: center !important;
}
.left {
    text-align: left !important;
}
.right {
    text-align: right !important;
}
.marginauto {
	margin:0 auto;
}
.marginbtm {
	margin-bottom: 20px;
}
.leftnomargin {
	margin-left: 0px;
}

.paddingbtm {
	padding-bottom: 20px;
}


.borderbox {
box-sizing:border-box;
}



/* //////////////////////////////// */
/* ////////////////////// container */
/* //////////////////////////////// */

.container {
	margin:0 auto;
	max-width:950px;
	width:100%;
}

.slidercontainer {
max-width:1260px;
position:relative;
z-index:10;
}

/* //////////////////////////////// */
/* /////////////////////////// GRID */
/* //////////////////////////////// */



/*  COLUMN SETUP  */
.col {
	display: block;
	position:relative;
	float:left;
	margin: 1% 0 1% 1.05%;
box-sizing:border-box;
}
.col .col {
	margin: 2% 0 2% 2.1%;
}
.col:first-child, .colnomargin, .col.cols12 {
	margin-left: 0;
}

.colsx4 .col:nth-child(4n+1),
.colsx2 .col:nth-child(2n+1),
.colsx3 .col:nth-child(3n+1) { margin-left: 0; }

.btmnomargin .col { margin-bottom:0;}
.topnomargin .col { margin-top:0;}

/* //////////////////////////// Grille 12 */
.cols12 {
width:100%;
}
.cols11 {
  	width: 91.57%;
}
.cols10 {
  	width: 83.15%;
}

.cols9 {
  	width: 74.73%;
}

.cols8 {
  	width: 66.31%;
}

.cols7 {
  	width: 57.89%;
}

.cols6 {
  	width: 49.47%;
}

.cols5 {
  	width: 41.05%;
}

.cols4 {
  	width: 32.63%;
}

.cols3 {
  	width: 24.21%;
}

.cols2 {
  	width: 15.79%;
}

.cols1 {
  	width: 7.370%;
}


/* /////////// .col .col */

.col .cols8 {
  	width: 65.96%;
}
.col .cols7 {
  	width: 57.45%;
}
.col .cols6 {
  	width: 48.95%;
}
.col .cols5 {
  	width: 40.44%;
}
.col .cols4 {
  	width: 31.93%;
}

.col .cols3 {
width: 23.42%;
}

.col .cols2 {
  	width: 14.91%;
}

.col .cols1 {
  	width: 6.408%;
}


/* ////////////////// grid nomargin */

.gridnomargin .col, .gridnomargin .col .col { margin:0;}

.gridnomargin .cols11 {
  	width: 91.66%;
}
.gridnomargin .cols10 {
  	width: 83.33%;
}

.gridnomargin .cols9 {
  	width: 75%;
}

.gridnomargin .cols8 {
  	width: 66.66%;
}

.gridnomargin .cols7 {
  	width: 58.33%;
}

.gridnomargin .cols6 {
  	width: 50%;
}

.gridnomargin .cols5 {
  	width: 41.66%;
}

.gridnomargin .cols4 {
  	width: 33.33%;
}

.gridnomargin .cols3 {
  	width: 25%;
}

.gridnomargin .cols2 {
  	width: 16.66%;
}

.gridnomargin .cols1 {
  	width: 8.333%;
}



/* /// test
.col {
	background-color:#EAEAFF;
}
.col:nth-child(4n+1) { 	background-color:#FFE8E8; }

*/


/* //////////////////////////////// */
/* ///////////////////////// header */
/* //////////////////////////////// */

header {
height:auto;
	}

.slidercontainer header {
position:relative;
z-index:30;
}

.slidercontainer {
height:400px;
}


.slide {}


.slide img { height:100%; margin:0 auto;}

header a {
	color: #000000;
}
.bloc-lang {
	text-transform:uppercase;
}

.bloc-lang ul {
		padding:8px 0
}
.bloc-lang li {
float:left;
	padding: 0 6px;
	border-left: solid 1px #a39382;
	font-size:14px;
	line-height:14px;
}
.bloc-lang a.current {
text-decoration:underline;
}
.bloc-lang  li:first-child {
border: none;
padding-left:12px;
background-image:url(../images/arrow-list.png);
background-position: center left;
}

.menutop  li {
	/*color: #a39382;*/
	font-size:17px;
	padding: 10px 0;
	display:inline;
}
.menutop  li:last-child {
background-image: none;
}
.menutop a {
	padding: 10px 0;
}
.menutop  a.current, .menutop a:hover {
color:#b884cb;
}

.menutop .social-icons img {
	margin-left: 8px;
}


/* //////////////////////////////// */
/* ///////////////////////// slider */
/* //////////////////////////////// */

.slider {
position:absolute;
width:100%;
height:100%;
/*background-color:#CCCC33;*/
}
.slidearrows {
	position: absolute;
	width: 100%;
	top: 50%;
}
.slidearrows .container {
	position: relative;
}

.slidearrows .slide-prev, .slidearrows .slide-next {
	position: absolute;
	z-index:80;
		cursor:pointer;
}
.slidearrows .slide-prev {
	left: 0px;
}
.slidearrows .slide-next {
	right: 0px;
}




/* /////////////////////////////////// */
/* ////////////////////////////// menu */
/* /////////////////////////////////// */

.menu {
	border-bottom: solid 1px #000;
}


.menu li {
	padding:0;
	margin:0;
	height: 26px;
	display:inline-block;
}


.menu .lev1 a {
	color:#000;
	font-size: 18px;
	line-height:20px;
	display: block;
	height: 27px;
	border-bottom: solid 5px transparent;
	padding: 0 30px;

}
.menu a.current {
	border-color:#b884cb;
}

.menu a:hover,.menu a.over{border-color:#333F48;}
/* /////////////////////// level 1 */

.menu .lev1 li {
position:relative;}

/* /////////////////////// level 2 */

.menu .lev2 {
	position: absolute;
	top: 32px;
	z-index:200;
	left: -999em;
	box-sizing:border-box;
	width:100%;
	background-color: rgba(255, 255, 255, 0.7);
	-webkit-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
	box-shadow: 0px 1px 10px 2px rgba(0,0,0,0.15);
}


.menu .lev1 .lev2 ul {
	padding: 0;
	margin:0;
}

.menu .lev1 .lev2 ul ul {
	padding: 0 26px;
	margin-bottom: 12px;

}

.menu .lev1 .lev2 li {
	float: none;
	margin:0;
	padding:0;
	height:auto;
	display:block;
}


.menu .lev1 .lev2 a {
	color:#000;
	font-size: 16px;
	display: block;
	height: auto;
	border: none;
	margin:0;
	padding: 6px;
}

.menu .lev1 .lev2 a:hover {
	color:#B884CB;
}

/* /////////////////////////////////// */
/* ////////////////////// currentSmenu */
/* /////////////////////////////////// */

.currentSmenu {
	 border-bottom: solid 1px #000;
	 min-height:48px;
	 padding:6px 0 0;
}

.currentSmenu ul {
padding: 12px 7%;
display:none;
}
.currentSmenu ul.current {
display:block;
}
.currentSmenu li {
	display: inline;
		padding: 0 28px;
}
.currentSmenu li:first-child {
		padding-left: 0;
}
.currentSmenu a {
	color: #000000;
	font-size: 15px;
}
.currentSmenu .current {
	color: #b884cb;
}

/* /////////////////////////////////// */
/* //////////////////////// breadcrumb */
/* /////////////////////////////////// */


.breadcrumb ul {
padding:4px 0;
}
.breadcrumb li {
	display: inline;
	padding-left: 12px;
	margin-right:6px;
	line-height:16px;
	background-image: url(../images/arrow-list.png);
	background-position: 0 8px;
}
.breadcrumb li:first-child {
padding-left:0;
background:none;

}
.breadcrumb a {
	color: #000000;
	font-size: 12px;
}
.breadcrumb a.current {
	font-weight: 700;
}




/* /////////////////////////////////// */
/* /////////////////////////// content */
/* /////////////////////////////////// */

.container .bloctext h2 a {
	color: #000000;

}

.container h1, .container .titlepage {
	font-size:20px;
	color: #FFFFFF;
	background-color: #333f48;
	display: inline-block;
	text-align: center;
	padding: 12px 24px;
	margin-bottom: 2px;
	text-transform:uppercase;
	font-weight:400;
}
.container h2, .container h1.title {
	font-size:18px;
	margin: 0;
	padding: 0;
}
.container h1.title {
	color: #000000;
	background-color: transparent;
	font-weight: 700;
	text-align: left;
}
.container p {
	margin: 0;
	margin-bottom: 16px;
}
.container .more {
	color: #b884cb;
}

.container .subtitle, .container .num {
	color: #333f48;
	font-weight: 700;
}

.container .bloctext a {
	color: #333f48;
}
.container .bloctext a:hover {
	color: #b884cb;
}


.container .col.bloctext ul {
	margin: 5px;
	padding: 5px;
}

.container .col.bloctext li {


}
.container .col.bloctext li:before { content:"•"; color:#000000; margin-right:8px; }

.container .col.bloctext .btn {
  border: none;
	background-color: #b884cb;
	color: #FFFFFF;
	padding: 8px 18px;
	display:inline-block;
	margin:12px 0;
}
.container .col.bloctext .btn:hover {
	background-color: #978979;
}



/* /////////////////////////////////// */
/* //////////////////////// blocAccess */
/* /////////////////////////////////// */

.homepage p {
	font-size: 16px;
}

.blocAccess:first-child  {
padding-top:60px;
margin-bottom:0;
}

.blocAccess .col .col {
margin-top:0;
margin-bottom:6%;
}

.blocAccess .col .col .col {
margin-top:0;
margin-bottom:6%;
margin-left:0;
}

.blocAccess .col .col .col .col {
margin-left:0;
}

.blocAccess .col:last-child, .blocAccess .col .col:last-child {
margin-bottom:0;

}

.blocAccess .col .bloctitle {
	position: absolute;
	width: 78%;
	background-color: rgba(255, 255, 255, 0.7);
	top: 67%;
	/*color: #FFFFFF;*/
	font-size: 25px;
	height: 38px;
	line-height: 38px;
	z-index:30;
	/*display:none;*/
}

.blocAccess .col .bloctitle.over {
	background-color: rgba(255, 255, 255, 1);
	color: #B884CB;
}

.blocAccess .col .bloctitle.longtext  {
	line-height: 20px;
}


/* /////////////////////////////////// */
/* //////////////////// blocAccessActu */
/* /////////////////////////////////// */

.blocAccessActu .title {
	font-size:30px;
	padding-bottom: 12px;
}

.blocAccessActu div {
background-repeat:no-repeat;
background-position:center top;
}

.blocAccessActu .blocactu-top {
border-top:solid 1px #000000;
background-image:url(../images/arrow-top.png);
height:13px;
}

.blocAccessActu .blocactu-btm {
border-bottom:solid 1px #000000;
background-image:url(../images/arrow-bottom.png);
height:13px;
}

.blocAccessActu .blocactu-content {
padding:10px 0;
}
.blocAccessActu article {
	margin-bottom: 10px;
}


.blocAccessActu h2, .blocAccessActu h2 a {
	font-size: 18px;
	color:#333f48;
}
.blocAccessActu  a  {
	color: #B884CB;

}
.blocAccessActu p {
	margin-bottom: 0px;
	font-size: 13px;
}

.blocAccessActu .date {
	font-weight: 700;
}


/* /////////////////////////////////// */
/* //////////////////////// blocCarnet */
/* /////////////////////////////////// */

.blocAccess .blocCarnet .col, .blocAccess .blocCarnet .col .col {
	margin:0;
}

.blocCarnetTitle {
position:absolute;
word-break:break-all;
  width:98%;
  padding:0 1%;
  top:36%;
  left:0;
  font-size:30px;
}

/* /////////////////////////////////// */
/* ////////////////////////// blocdate */
/* /////////////////////////////////// */

.blocdate {
	border-left: solid 1px #000000;
	position: relative;
}
.blocdate .bullet-date {
	position: absolute;
	top: -5px;
	left: -5px;
}
.coldate {
	color: #5d2360;
	font-size: 14px;
	padding-left: 10px;

}


/* /////////////////////////////////// */
/* ////////////////////// bloc-contact */
/* /////////////////////////////////// */

.bloc-contact .col {
	line-height:14px;
	overflow:hidden;
}

.bloc-contact .col select, .bloc-contact .col input, .bloc-contact .col textarea {
width:100%;
box-sizing:border-box;
margin-bottom:2px;
}


/* /////////////////////////////////// */
/* //////////////////// blocimgproduct */
/* /////////////////////////////////// */

.blocimgproduct img {
cursor:pointer;}



/* /////////////////////////////////// */
/* ////////////////////////// bloclist */
/* /////////////////////////////////// */

.bloclist .bloctext {
	height: 90px;
	overflow: hidden;
	font-size: 13px;
}
.bloclist  .blocimg  a img	 {
overflow:hidden;
	border: solid 2px transparent;
		margin: -2px;
}
/*.bloclist .blocimg a:hover img {
	border: solid 2px #A39382;
	color:#A39382;
}*/
.bloclist .blocimg a img.over {
	border: solid 2px #b884cb;

}


.bloclist .bloctext h2 {
	padding: 3px 0;
}
.container .bloclist .bloctext h2.over a, .container .blocactu .bloctext h2.over a, .container .blocactu .bloctext h2.over span {
	color:#b884cb;
}
.bloclist .bloctext h2:after, .blocactu .bloctext h2:after {
	content:"";
	display: block;
	width: 70px;
	height: 6px;
	background-color: #333f48;
}



/* /////////////////////////////////// */
/* ////////////////////////// blocactu */
/* /////////////////////////////////// */

.blocactu .col {
	margin-bottom: 0;
}

.blocactu .cols5 .colActu, .blocactu .cols4 .colActu  {
height:400px;
}

.blocactu .cols7 .colActu:first-child, .blocactu .cols5 .colActu:first-child, .blocactu .cols4 .colActu:first-child  {
height:300px;
}

.blocactu .cols3 .colActu  {
height:230px;
}
/**/
.blocactu .colActu  {
margin-bottom:10px;
position:relative;
background: no-repeat;
background-size: cover;
}

.blocactu .colActu:last-child  {
margin-bottom:0;
}

.blocactu .colOver {
position:absolute;
  width:100%;
  height:100%;
  background-color: rgba(255, 255, 255, 0);
}
.blocactu .colOver.over {
  background-color: rgba(255, 255, 255, 0.3);
}

.blocactu .bloctext {
position:absolute;
bottom:0;
right:0;
width:68%;
	background-color: rgba(255, 255, 255, 0.7);
}

.blocactu .bloctext.posleft {
right:auto;
left:0;
}

.blocactu .bloctext .date {
text-align:right;
margin-bottom:30px;
}

.blocactu .bloctext h2 a, .blocactu .bloctext h2 span {
padding:6px 10px;
display:block;
color:#000000;
}

.bloclist .bloctext h2.over:after, .blocactu .bloctext h2.over:after {
	background-color: #b884cb;
}

.zonelink {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:100;
background-color: rgba(240, 240, 240, 0);
}


/* /////////////////////////////////// */
/* //////////////////////////// footer */
/* /////////////////////////////////// */

footer {
 border-top: solid 1px #b884cb;
 padding: 20px 0;

}




/* //////////////////////////////// */
/* //////////////////////// menubtm */
/* //////////////////////////////// */

footer, footer a {
	color: #000;
}
footer a.current {
	color: #B884CB;
}
.menubtm .col  {
	margin-top:0;
	}



.menubtm li {
	padding: 0;
	margin:0;
	font-size:16px;
	line-height:20px;
}

.menubtm li li {
	font-size:13px;
}



.menubtm a:hover {
color:#B884CB;
}

.copyright {
	font-size: 11px;
}
.copyright li {
display:inline;
}


/* //////////////////////////////// */
/* ///////////////////// bloc-enter */
/* //////////////////////////////// */

.bloc-enter, .bloc-enter a {
	color: #a39382;
}

.bloc-enter .menubtm li {
	font-size:16px;
	line-height:18px;
	text-transform:uppercase;
}





/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ============================================================================================= */
/* ============================================================================================= */
/* =============================== ///////////////////////////////////////////////////////////// */
/* =============================== ///////////////////////////////////////////////////////////// */
/* =============================== ///////////////////////////////////////////////////////////// */
/* ============== Media queries == ///////////////////////////////////////////////////////////// */
/* =============================== ///////////////////////////////////////////////////////////// */
/* =============================== ///////////////////////////////////////////////////////////// */
/* =============================== ///////////////////////////////////////////////////////////// */
/* ============================================================================================= */
/* ============================================================================================= */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */


@media screen and (max-width: 1300px) {
.slidercontainer {
height:380px;
}
/* END */}

@media screen and (max-width: 1200px) {
.slidercontainer {
height:360px;
}
/* END */}

@media screen and (max-width: 1100px) {
.slidercontainer {
height:340px;
}
/* END */}

@media screen and (max-width: 1040px) {
.slidercontainer {
height:320px;
}
/* END */}




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

.container {
	width:98%;
}

.slidercontainer {
height:280px;

}


/* END */}

/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */



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

/* //////////////////////////////// */
/* ///////////////////////// header */
/* //////////////////////////////// */

.slidercontainer {
height:260px;
}


/* /////////////////////////////////// */
/* ////////////////////////////// menu */
/* /////////////////////////////////// */

.menu .lev1 a {
	padding: 0 34px;

}



/* END */}

/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */




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


/* //////////////////////////////// */
/* ///////////////////////// header */
/* //////////////////////////////// */

.slidercontainer {
height:240px;
}


/* /////////////////////////////////// */
/* ////////////////////////////// menu */
/* /////////////////////////////////// */

.menu .lev1 a {
	padding: 0 26px;

}

/* /////////////////////////////////// */
/* ////////////////////////// blocdate */
/* /////////////////////////////////// */


.coldate {
	font-size: 11px;

}

/* /////////////////////////////////// */
/* ////////////////////////// bloclist */
/* /////////////////////////////////// */

.bloclist .bloctext {
	height: 120px;
}


/* /////////////////////////////////// */
/* ////////////////////// bloc-contact */
/* /////////////////////////////////// */

.bloc-contact .col {
font-size:14px;
}

.bloc-contact .col select, .bloc-contact .col input, .bloc-contact .col textarea {
font-size:14px;
}

/* /////////////////////////////////// */
/* //////////////////////// blocCarnet */
/* /////////////////////////////////// */

.blocCarnetTitle {
  font-size:25px;
}

/* END */}

/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */


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

/* //////////////////////////////// */
/* ///////////////////////// header */
/* //////////////////////////////// */

.slidercontainer {
height:200px;
}

/* /////////////////////////////////// */
/* ////////////////////////////// menu */
/* /////////////////////////////////// */

.menu .lev1 a {
	padding: 0 18px;

}



/* END */}

/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */





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

/* //////////////////////////////// */
/* ///////////////////////// header */
/* //////////////////////////////// */

.slidercontainer {
height:180px;
}

/* /////////////////////////////////// */
/* ////////////////////////////// menu */
/* /////////////////////////////////// */

.menu .lev1 a {
font-size:16px;
	padding: 0 16px;

}


/* /////////////////////////////////// */
/* ////////////////////// bloc-contact */
/* /////////////////////////////////// */

.bloc-contact .col {
font-size:12px;
}
.bloc-contact .col select, .bloc-contact .col input, .bloc-contact .col textarea {
font-size:12px;
}
.bloc-contact .col.cols7, .bloc-contact .col.cols5 {
  	width: 48.95%;
}

/* END */}

/* Modifications Ludovic */

.currentSmenu > .current > li > .current {
    font-weight: bold;
}

.required:after {
	content: ' *';
	color: red;
}

a {
	color: #000000;
}

a:hover {
	color: #B884CB;
}

.child li{
	text-indent: 20px;
}

.blocAccessActu .blocactu-content {
    padding: 13.4px 0;
}

.video-wrapper {
  width: 310px;
  height: 310px;
  max-width: 100%;
}

.video-wrapper-trend {
  width: 348px;
  height: 348px;
  max-width: 100%;
}

.video-wrapper-trend-2 {
  width: 390px;
  height: 390px;
  max-width: 100%;
}

nav.menu{position: relative;z-index: 100}
.btn-nav{display:none;cursor:pointer;position: relative;left:5px;width: calc(100% - 5px);}
.btn-nav>span{display:block;width:30px;height:5px;margin-bottom:3px;background:#333F48;transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;}
.btn-nav:hover>span{background: #70787e}
.btn-nav.active>span:first-of-type{transform:rotate(45deg)translate(5px,5px);-webkit-transform:rotate(45deg)translate(5px,5px);-moz-transform:rotate(45deg)translate(5px,5px);-ms-transform:rotate(45deg)translate(5px,5px);-o-transform:rotate(45deg)translate(5px,5px);}
.btn-nav.active>span:nth-of-type(2){transform:scale(0.01);-webkit-transform:scale(0.01);-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);}
.btn-nav.active>span:last-of-type{transform:rotate(-45deg)translate(5px,-7px);-webkit-transform:rotate(-45deg)translate(5px,-7px);-moz-transform:rotate(-45deg)translate(5px,-7px);-ms-transform:rotate(-45deg)translate(5px,-7px);-o-transform:rotate(-45deg)translate(5px,-7px);}
.menumenutxt{display:inline;position: absolute;left:35px;top:0;color:#333F48;font-weight: 600}
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 550px) {
	.col.cols10.center.bloc-logo{width:73%;}
	.col.cols2.menutop{width:25%;}
	.col.cols4,.col.cols1,.col.cols5,.col.cols2:not(.menutop),.col.cols9,.col.cols6,.col.cols3,.col.cols7,.col.cols8{width:100%;margin-left:0;display:block;}
	.slidercontainer .container .cols4{position:relative;top:0;left:0;width:100%;max-width:300px;margin-left:0;display:block;}
	/*.slidercontainer .slider{margin-top:150px;} */

	header .bloc-logo > div.cols2{margin:0 auto;max-width:124px;width:100%;}
	.blocAccess .col.cols3{width: 50%;margin-left:0;}
	.smartphonehidden{display:none!important;}
	.bloclist{width:100%;}
	.bloclist .col.cols3{width:48%;}
	.bloclist .col.cols3:nth-child(even){margin-left:2%;}
	.bloclist .col.cols3:nth-child(odd){margin-left:0%;}
	.halfmobile img{width:50%;margin:0 auto;}

	.zoomPad{display:block;width:100%;}
	#thumblist .col.cols4{width:33.333%;}

	.container.homepage .col.cols10{width:100%;margin-left:0;}

	.container.homepage .col.cols10 .col.cols2>img{width:100%;max-width:120px;margin:0 auto;}

	section.col.cols2.blocAccessActu{width:100%;margin-left:0;}
	.menubtm li{text-align: center;}

	.btn-nav{display:block;}
	nav.menu ul.center.lev1{
		display:none;
		position:absolute;
		top:calc(100% + 1px);
		left:0;
		width:100%;
		z-index:100;
		height:300px;
		overflow-y:scroll;
	}
	nav.menu ul.center.lev1.active{display:block;}

	nav.menu ul.center.lev1>li{
		display:block;
		float:none;
		width:100%;
		background:#333F48;
		height:auto;
		margin:0;
	}
	nav.menu ul.center.lev1>li>a{
		border-bottom: solid 2px #70787e;
		color:#fff;
	}

	nav.menu ul.center.lev1 li>div{
		position: static;
		display:block;
		float:none;
		width:100%;
	}
	nav.menu ul.center.lev1 li>div>ul{
		position: static;
		display:block;
		float:none;
		width:100%;
	}
	nav.menu ul.center.lev1 li>div>ul>li{
		display:block;
		float:none;
		width:100%;
	}

}