/* Fonts *********/
 
@font-face {
    font-family: 'wmedium';
    src: url('/_font/wmedium.eot');
    src: url('/_font/wmedium.eot?#iefix') format('embedded-opentype'),
         url('/_font/wmedium.woff') format('woff'),
         url('/_font/wmedium.ttf') format('truetype'),
         url('/_font/wmedium.svg#wbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.info_FB {
	max-width: 420px;
	background: #990000;
	padding: 20px;
	margin: auto;
	border: solid 2px #fff;
	font-size: 16px;
	width: 90%;
}

/* Boutons ******/

.btn_ser {
	cursor:pointer;
	width: 320px;
	height: 320px;
	text-align: center;	
	background-color: #fff;
	border:solid 1px #b4b4b4;
	overflow:hidden;
	border-radius: 15px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.btn_ser .tt {
	font-size: 24px;
}

.btn_ser:hover {
	border:solid 1px #656e78;
	background-color: #f2f6f8;
}

.btn_ser_op {
	width: 320px;
	height: 320px;
	position:absolute;
	z-index:0;
	margin-top:0px ;
	margin-left:0px ;
	background: url(/_img/w_opa_m.png) 0 0px repeat;
}

.grey {
	background-color:#d4dbe0;
}

.grey:hover {
	background-color:#bac2c5;
}


.blue {
	background-color:#01aef0;
}

.blue:hover {
	background-color:#00a2e0;
}

.orange {
	background-color:#f78222;
}

.orange:hover {
	background-color:#e87719;
}

.green {
	background-color:#a8d925;
}

.green:hover {
	background-color:#9dcb20;
}

/* Structure ******/

.main .ctn {
	margin-top:65px;

}

.main .ctn.nomenu {
   margin-top:0px;
}

.main .menu {
	width:100%;
}

.btn_logout {
	margin-right:0;
}


.ctn_menu {
	position: relative;
	height: 120px;
	margin: auto;
	color: #9a258e;
	border: solid 1px #000;
}


.ctn_menu .home {
	background-color: #9a258e;
}

.ctn_cs {
	position: relative;
	width:240px;
	color: #9a258e;
	font-size: 42px;
    /*font-family: 'avenir';*/
}

.ctn_info {
	width:100%;
	text-align: center;
	padding-top: 20px;
}

.ctn_titre {
	height: 50px;
	font-size: 42px;
	margin: auto;
	font-family: 'wmedium';
}

.ctn_news {
	height: 70px;
	color: #afbabf;
	font-size: 24px;
	margin: auto;
	margin-top:10px;
	font-family: 'wmedium';
}

.ctn_ser {
	font-family: 'wmedium';
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.picto {
	margin-top: 15px;
}

/************* NEW ****************/

.ctn_menu {   
	background-color: #000000;
    background: url(/_theme/_darkness/_img/back_menu.png) 0px 0px repeat;
    background-color: #53616d;
  	border: none;
}

.btn_ser {
    cursor: pointer;
    width: 300px;
    height: 300px;
    text-align: center;
    background: #86959b;
    border: solid 1px #b4b4b4;
    overflow: hidden;
    margin-bottom: 1.50em;
	border:none;
	transition: 0.3s ease;
	border-radius: 15px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.btn_ser:hover {
    background: #909fa5;
    border:none;
}

.btn_ser img {
    transition: transform 0.3s ease;
}
.btn_ser:hover img {
    transform: scale(1.1);
}

.picto {
	margin: auto;
	margin-top: 0px;
	width: 65%;
}



/* responsive */

body, .main {
	min-width: unset !important;
}
.main .ctn{
	overflow-y: auto !important;
}




/* START MOBILE */
.touch-device .ctn_news {
	height: 70px !important;
	font-size: 12px !important;
	display: none !important;
}

.touch-device .btn_ser {
	width: 245px !important;
	height: 230px !important;
}
.touch-device .btn_ser .tt {
	font-size: 20px !important;
}

.touch-device .picto {
	width: 55% !important;
}
.touch-device .ctn_titre{
	font-size: 33px !important;
}
/* END MOBILE */