/***************************** FONTS **********************************/
@font-face {
    font-family: 'geliat-extra-bold';
    src: url('/themes/c2services/css/fonts/geliat/extra-bold/geliat-extrabold-webfont.woff2') format('woff2'),
         url('/themes/c2services/css/fonts/geliat/extra-bold/geliat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'geliat-extra-light';
    src: url('/themes/c2services/css/fonts/geliat/extra-light/geliat-extralight-webfont.woff2') format('woff2'),
         url('/themes/c2services/css/fonts/geliat/extra-light/geliat-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body h2
{
	text-align:left;
font-size:30px;

}

body .region.region-content{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    z-index:1;
font-family:'arial'
}

body #burger-menu
{
	position: absolute;
	top:15px;
	left:15px;
	display:none;
}

#burger-menu .bar1, #burger-menu .bar2, #burger-menu .bar3 {
    width: 35px;
    height: 5px;
    background-color: #FFF;
    margin: 6px auto;
    transition: 0.4s;
}
#burger-menu .bar1{
background: #E4499E;
}
#burger-menu .bar2{
background: #0082C0;
}

#burger-menu .barres:nth-chid(1){
	margin: 0px auto 9px;
}

#burger-menu .barres:nth-chid(3){
	margin: 9px auto 0;
}

#burger-menu .bar3 {
	background-color: #346F4A;
}

#burger-menu .change.bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px,3px);
    transform:rotate(-45deg) translate(-1px, 0px);
}

#burger-menu .change.bar2 {
    -webkit-transform: rotate(45deg) translate(-7px,-7px);
    transform: rotate(45deg) translate(-8px,-7px);
}

body #logo
{
	position:relative;
	background-image:url('/themes/c2services/images/commun/logo.png');
	background-size:contain;
	 -webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-repeat:no-repeat;
	background-position:center center;
    height: 60px;
    width: 110px;
    cursor:pointer;
    z-index: 1;
    display:none;
margin: 5px auto ;
}

body .region.region-primary-menu
{
	position: relative;
    top: 0;
    z-index:99;
     display: table;
    width: 100%;
    opacity: 1;
    text-align: center;
	border-bottom: 3px #E4499E solid;
	box-shadow:0px 5px 5px 0px rgba(0,0,0,0.25);

}
body #block-menuc2servicesmobile{
        display: none;
        position: fixed;
        background: rgba(255, 255, 255, 0.8);
        width: 100%;
        margin-top: 4px;
	padding-top: 30px;
}
body #block-menuc2servicesmobile ul.menu{
    display: block;
    text-align: left;
    margin: 0 15px;
	font-size:18px;

}
body #block-menuc2servicesmobile ul.menu .menu-item{
    margin: 20px 0;
}

body .region.region-primary-menu nav
{
	    display: inline-block;
    vertical-align: middle;
    margin:0 auto 0;
    padding-top:2%;
	text-align:center;
}

body .region.region-primary-menu nav .elements-menu
{
	position: relative;
    z-index: 2;
        display: inline-block;
}

body .region.region-primary-menu nav ul.menu
{
	text-align:center;
	margin:0;
	display:flex;
        display: -webkit-box;
    text-align: right;
    font-size: 15px;
    font-family:'arial';
    position:relative;
    top:-15px;
}

body.user-logged-in .region.region-primary-menu .espace-client ul.menu
{
	text-align:center;
	margin:0;
	display:flex;
        display: -webkit-box;
    text-align: right;
    font-size: 15px;
    font-family:'arial';
    position:relative;
    top:-15px;
	display:inline-block;
}


body .region.region-primary-menu nav ul.menu .menu-item
{
    position: relative;
        white-space: nowrap;
    margin-right: 25px;
}

body .region.region-primary-menu nav ul.menu li::marker{
content:'';
}

body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded::after
{
content :' ';	
unicode-bidi: isolate;
    	font-variant-numeric: tabular-nums;
	display : inline-block;
 	height : 0;
 	width : 0;
 	border-top : 8px solid #0082C0;
 	border-right : 4px solid transparent;
 	border-left : 4px solid transparent;
}
body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded:hover::after
{
	border-top :8px solid #E4499E;
}

body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded .elements-menu
{
	position:absolute;
	box-shadow:0px 20px 20px 0px rgba(0,0,0,0.25);
	background:#FFF;
	padding:15px 15px 0;
	display:none;
	margin-top: 15px;
}

body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded .elements-menu ul.menu
{
	display: block;
    text-align: left;
}
body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded:hover .elements-menu
{
	display:block;
}
body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded .elements-menu ul.menu li.menu-item
{
	margin:15px 0;
}
body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded .elements-menu ul.menu li.menu-item:last-child{
	margin-bottom:0;
}

body .region.region-primary-menu nav ul.menu .menu-item.menu-item--expanded .elements-menu ul.menu li.menu-item .barre
{
	display:none;
}

body .region.region-primary-menu nav ul.menu .menu-item.tel
{
    font-family:gotham-black;
    background-image:url('/themes/speak_it/images/commun/picto/phone.png');
    background-repeat:no-repeat;
    background-size:contain;
    background-position:left center;
    padding: 5px 0 5px 35px;
}
body .region.region-primary-menu nav ul.menu .menu-item.other-link{
position:relative;	
top: -9px;
padding:10px;
margin-right:0;
}

body .region.region-primary-menu nav ul.menu .menu-item.other-link.ecopole{
	background: #316387;
    	border: 1px #316387 solid;
}

body .region.region-primary-menu nav ul.menu .menu-item.other-link.boutique{
	background: #346F4A;
    	border: 1px #346F4A solid;
}
body .region.region-primary-menu nav ul.menu .menu-item.other-link:hover{
	background:#FFF;
}

body .region.region-primary-menu nav ul.menu .menu-item.other-link.boutique a,
body .region.region-primary-menu nav ul.menu .menu-item.other-link.ecopole a{
	color:#FFF;
}

body .region.region-primary-menu nav ul.menu .menu-item.other-link.boutique:hover a{
	color:#346F4A;
}

body .region.region-primary-menu nav ul.menu .menu-item.other-link.ecopole:hover a{
	color:#316387;
}

body .region.region-primary-menu nav ul.menu .menu-item a
{
	color:#0082C0;;
	text-transform:uppercase;
	text-decoration:none;
	padding-bottom: 10px;
}
body .region.region-primary-menu nav ul.menu .menu-item a.is-active,
body .region.region-primary-menu nav ul.menu .menu-item a:hover{
	color:#E03D9E
}
body .region.region-primary-menu nav ul.menu .menu-item .menu-mobile .menu-item a{
    text-transform:none;
}

body .region.region-primary-menu nav ul.menu .menu-item .barre
{
	position:absolute;
	height:3px;
	width:0;
	left:0;
    margin-top: 5px;
    transition: 0.5s;
}

body .region.region-primary-menu nav ul.menu .menu-item:hover .barre, 
body .region.region-primary-menu nav ul.menu .menu-item .barre.open
{
	width:100%;
	background:#049746;
	transition: 0.5s;
}

body .region.region-primary-menu nav .logo-menu
{
	position:relative;
	background-image:url('/themes/c2services/images/commun/logo.png');
	background-size:contain;
	 -webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-repeat:no-repeat;
	background-position:center center;
    height:90px;
    width: 150px;
    cursor:pointer;
    z-index: 1;
    display:inline-block;
	    margin-right: 20px;
}

body .region.region-primary-menu nav .espace-client{
	    position: absolute;
    top: 73px;
}

body .region.region-primary-menu nav .espace-client .icon.account{
    position: relative;
    background: url(/themes/c2services/images/commun/nav/connexion.png);
    background-size: contain;
    width: 40px;
    height: 40px;
    top: 13px;
    margin-left: 10px;
}

body.user-logged-in .region.region-primary-menu nav .espace-client .icon.account{
    position: relative;
    background: url(/themes/c2services/images/commun/nav/connexion.png);
    background-size: contain;
    width: 40px;
    height: 40px;
    top: -50px;
    margin-left: 10px;
}

body .region.region-primary-menu nav .espace-client .account-menu{
	position:relative;
	box-shadow:0px 20px 20px 0px rgba(0,0,0,0.25);
	 margin-top: 30px;
    background: #FFF;
    padding: 15px 15px 0;
	display:none;
}

body.user-logged-in .region.region-primary-menu nav .espace-client .account-menu{
	position:relative;
	box-shadow:0px 20px 20px 0px rgba(0,0,0,0.25);
	 margin-top: -50px;
    background: #FFF;
    padding: 15px 15px 0;
	display:none;
}

body .region.region-primary-menu nav# .espace-client:hover .account-menu
	display:block;	
}

body .region.region-primary-menu nav .espace-client .account-menu ul.menu{
    text-align: left;
    display: block;
}
body .region.region-primary-menu nav .espace-client .account-menu ul.menu .menu-item{
	  margin:15px 0;
}

body .region.region-primary-menu nav .espace-client .account-menu ul.menu .menu-item:last-child{
	  margin-bottom: 0;
}

/************************************** CONTROLE ACCES  ******************************************/
body main .user-login-wrapper {
    margin: 50px auto 0;
    position: relative;
    max-width: 360px;
    padding: 15px;
    background:#FFF;
    color: #0082C0;
    font-family: geliat-extra-light;
}
body main .user-login-wrapper form.user-login-form div label{
display:none;
}
body main .user-login-wrapper label{
display:none
}

body main .user-login-wrapper input
{
    padding: 10px;
    width: 335px;
    font-family: geliat-extra-light;
border:0;
}
body main .user-login-wrapper input[type="text"],
body main .user-login-wrapper input[type="password"]{
border:2px #346F4A solid;
}
body main .user-login-wrapper input:-internal-autofill-selected
{
	background:#FFF;
}
body main .user-login-wrapper #edit-actions {
    position: relative;
    margin: 0;
}
body main .user-password-wrapper #edit-submit,
body main .user-login-wrapper #edit-submit{
    background: #E4499E;
    width: 150px;
    box-shadow: none;
    border: 1px #E4499E solid;
    border-radius: 20px;
    margin: 15px auto 0;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
color:#FFF;
text-transform: uppercase;
    font-size: 12px;
}
body main .user-password-wrapper #edit-submit:hover,
body main .user-login-wrapper #edit-submit:hover{
	    background-color: #FFFFFF;
    color:#E4499E;
}

body main .user-login-wrapper .description{
 font-size:12px;
    font-family: geliat-extra-light;
	color:#346F4A ;
}

body.path-user form.user-login-form:before {
    content: "Contrôle d'accès";
    font-size: 25px;
    font-family: geliat-extra-bold;

}
body main .user-login-wrapper  a.forget-password{
top: 20px;
    position: relative;
    font-size: 12px;
    color: #0082C0;
    text-decoration: none;
}

body main .user-login-wrapper a.forget-password:hover{
color:#E4499E;
}

body.path-user form.user-pass:before {
    content: "Réinitialisation du mot de passe";
    font-size: 25px;
    font-family: geliat-extra-bold;

}

body main .user-password-wrapper {
    margin: 50px auto 0;
    position: relative;
    max-width: 400px;
    padding: 15px;
    background:#FFF;
    color: #0082C0;
    font-family: geliat-extra-light;
}

body main .user-password-wrapper input
{
    padding: 10px;
    width: 375px;
    font-family: geliat-extra-light;
border:0;
}
body main .user-password-wrapper input[type="text"]{
border:2px #346F4A solid;
    margin-top: 5px;
}
body main .user-password-wrapper p{
    color: #346F4A;
    font-size: 14px;
    font-family: geliat-extra-light;
}

body main .user-password-wrapper label{
font-family: geliat-extra-light;
    color: #E4499E;
}

body main .logo-access
{
    position: relative;
    background-image: url(/themes/c2services/images/footer/logo.png);
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 160px;
    width: 360px;
    cursor: pointer;
    z-index: 1;
    margin: 0;
}
/************************************END CONTROLE ACCESS ****************************************/

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

	body #block-c2services-account-menu{
	display:none;
	}
	body .slick-prev,body .slick-next
	{
	display:none!important;
	}

}

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

	body h2{
		margin-left:10px;
	}
	body .region.region-primary-menu nav .logo-menu{
		margin: 0 auto 25px;
	}

}

@media screen and (max-width: 1090px) { 
	body #logo{
		display:block;
	}

	body #burger-menu{
	display:block;
	}

	body nav#block-c2services-main-menu{
		display:none;
	}
}