/* CSS - Home */

/*@import url(https://fonts.googleapis.com/css?family=Roboto:500,600);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@font-face{
	font-family: "stark";
	src: url('../fonts/stark.otf');
}

.img-placement{
	float: right;
	width: 200px; height: 140px;
	margin: 10px;
	border: solid #999 1px;
	background:#f2f2f2;
}
html, body {
	height: 100%;
}
body{
	/*background:url('sites/quelpermis.com/files/images/background.gif') center center no-repeat #f3f4fc;*/
	background-color: #e7f1f0; /* #d7e8e6 */
}
#main img{
	width: 100%;
}
.intro .image-content{
	width: 114px !important;
}

/* Reset */
#skip, .feed-icon, .links{ display: none; }
.node-promoted header{ display: none; }
#header .block-title{ display: none; }


div{box-sizing:border-box;}
.clear{clear: both;}
.logo{
	cursor: pointer;
}
#block-system-main-menu{
	position: fixed;
	top: 24px;
}
#block-system-main-menu .nav-principale > li > a{
	font-family: stark, arial;
}

/* Classes */
table.tiny-tab{
	width: 50% !important;
	margin: 0 auto !important;
}
table.tiny-tab td{
	padding: 6px;
}
th{
	background-color: #eee;
}


@media (min-width: 876px){ .opn{display: none !important;} }
@media (max-width: 876px){ .opn{display: block !important;} }



@media screen and (min-width: 1045px){
	#block-system-main-menu .nav-principale > li > a{
		font-size: 17px !important;
	}
}
@media screen and (max-width: 1045px){
	#block-system-main-menu .nav-principale > li > a{
		font-size: 13px !important;
	}
}
@media screen and (min-width: 876px){
	#page{
		width: 100%;
		max-width: 1170px;
		margin: 10px auto 30px auto;
	}
	#content{
		width: 73%;
		max-width: 856px;
		margin-top: 83px;
		float: right;
	}
	#header{
		margin: 0;
	}
	#header h2{
		float: right;
		margin: 28px 0px 28px 0;
	}
	#block-system-main-menu{
		padding: 0;
		width: 1170px;
		max-width: 1170px;
		/*background:url('sites/quelpermis.com/files/images/screen_nav.png') center center no-repeat;*/
		background-color: #4da6bb;
		border-bottom: solid #f4ad21 2px;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		z-index:490;
	}
	#block-system-main-menu > div > div > .menu{
		position: relative;
		margin: 0; padding: 0px 0;
	}/*
	#block-system-main-menu .nav-principale:after{
		content: '';
		position: absolute;
		top: 36px; left: 0;
		width: 100%; height: 8px;
		background: url(images/shadow-nav.png);
		border-radius: 0 0 20px 20px;
		opacity: 0.4;
	}*/

/* DELETE */
#toolbar{display: none;}
/* DELETE */

	#block-system-main-menu > div > div > .menu > li.home{
		margin: 0 !important;
	}
	#block-system-main-menu > div > div > .menu > li{
		position: relative;
		display: inline-block;
		vertical-align: bottom;
		margin: 4px 1px 0 1px;
		padding: 0;
		list-style-type: none;
	}
	#block-system-main-menu > div > div > .menu > li > a{
		display: inline-block;
		vertical-align: middle;
		margin: 0 4px;
		padding: 16px 6px 19px 6px;
		border-radius: 3px 3px 0 0;
		color: #fff;
		font-size: 17px;
		text-decoration: none;
		transition: 100ms, padding 400ms;
		-webkit-transition: 100ms, padding 400ms;
		-moz-transition: 100ms, padding 400ms;
		-o-transition: 100ms, padding 400ms;
		-ms-transition: 100ms, padding 400ms;
	}
	#block-system-main-menu > div > div > .menu > li > a:hover{
		background: #fff;
		color: #0f6f85 !important;
	}
	#block-system-main-menu > div > div > .menu .nav-sep{
		width: 1px; height: 24px;
		margin-bottom: 20px;
		background: #fff;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu > div > div > .menu > li > a.orange{
		background: #f4ad21;
	}
	#block-system-main-menu > div > div > .menu > li > a.orange:hover{
		background: #188199;
	}
	#block-system-main-menu > div > div > .menu .first img{
		overflow: hidden;
		margin: 0 0 0 6px;
		/* margin-left: 8px; */
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu > div > div > .menu > .first > a{
		padding: 0 !important;
		background: #4da6bb !important;
	}
	#block-system-main-menu .menu .first img{
		height: 57px;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .picto img{
		width: 100%;
	}
	#block-system-main-menu .caret{
		position: absolute;
		top: 70%; left: 48%;
		margin: 0;
		vertical-align: middle;
		border-top: solid #fff 4px;
		border-right: solid transparent 4px;
		border-left: solid transparent 4px;
	}
	#block-system-main-menu .nav-principale > li > a:hover .caret{
		border-top: solid #188199 4px;
	}

	/* SNAV du Menu Principal */
	#snav{
		display: none;
		position: absolute;
		top: 100%;
		background: #fff;
		border-right: solid #f4ad21 2px;
		border-bottom: solid #f4ad21 2px;
		border-left: solid #f4ad21 2px;
		border-radius: 0 0 5px 5px;
		box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
		z-index: 900;
	}
	#snav .s-nav{
		display: none;
		margin-top: -24px;
	}
	#snav .s-nav > ul{
		margin: 24px 0;
		padding: 0;
	}
	#snav .s-nav li{
		list-style-type: none;
		margin: 2px 4px;
	}
	#snav .s-nav a{
		display: block;
	}
	#snav .s-nav > ul > li > a{
		font-size: 16px;
	}
	#snav .s-nav li a:hover{
		text-decoration: none;
	}
	#snav .s-nav > ul > li{
		position: relative;
		display: inline-block;
		vertical-align: top;
		padding: 0 20px;
	}
	#snav .s-nav > ul > li > ul, #snav .s-nav > ul > li > ul > li > ul{
		padding: 0 0 0 20px;
	}
	#snav .s-nav > ul > li > ul > li > a{
		color: #333;
	}
	#snav .s-nav > ul > li > ul > li > ul > li > a{
		color: #666;
	}
	#snav .s-nav > ul > li > ul > li > a:hover, #snav .s-nav > ul > li > ul > li > ul > li > a:hover{
		text-decoration: underline;
	}
	#snav .s-nav .sp-link{
		position: absolute;
		bottom: -2px; right: -4px;
		background: #eee;
		border-radius: 3px 0 3px 0;
	}
	#snav .s-nav ul .separation{
		position: absolute;
		top: 20px; bottom: 20px; right: 0;
		width: 1px;
		background: rgba(24, 129, 153, 0.4);
	}
	.header-btn-wrap{
		display: none;
	}
	.nav-plus{
		overflow: hidden;
		position: absolute;
		top: 72px; left: 0;
		width: 100%;
		height: 37px;
		padding: 0 10px;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .nav-plus .slogan{
		float: left;
		padding: 5px 2px;
		font-size: 17px;
		color: #f4ad21;
		font-family: stark, arial, sans-serif;
	}
	#block-system-main-menu .picto-fb{ right: 51px; }
	#block-system-main-menu .picto-twitter{ right: 13px; }
	#block-system-main-menu .picto{
		position: absolute;
		top: 0;
		overflow: hidden;
		width: 28px;
		height: 28px;
		background: #4da6bb;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}

	/* Sidebar */
	#sidebar-first{
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 25%;
		max-width: 300px;
		margin:83px 13px 0 0;
	}

	/* Footer */
	footer#footer{
		position: relative;
		float: right;
		width: 73%;
		max-width: 856px;
	}
}
@media screen and (max-width: 876px){
	#page{
		width: 100%;
		padding: 0 10px !important;
		font-size: 120%;
	}
	#content{
		width: 100%;
		max-width: none !important;
		margin-top: 70px;
		padding: 20px !important;
	}
	.home-block{
		width: 100% !important;
	}
	.home-block img{
		display: block;
		max-width: 460px;
		margin: 0 auto;
	}
	#block-system-main-menu{
		left: 10px; right: 10px;
		padding: 0;
		background-color: #4da6bb;
		border-bottom: solid #f4ad21 2px;
		z-index:490;
		cursor: pointer;
	}
	#block-system-main-menu a{ display: block; }
	#snav{ display: none; }
	#snav .s-nav{ display: none; }
	#block-system-main-menu .menu{
		height: 44px;
		margin: 0;
		padding: 0;
	}
	#block-system-main-menu > div > div > .menu > li{
		float: none !important;
		display: block !important;
		margin: 0 !important;
		padding: 6px 10px;
		background: #fff;
		list-style-type: none;
		list-style-image: none;
	}
	#block-system-main-menu > div > div > .menu > li > a{
		color: #000 !important;
	}
	#block-system-main-menu .menu .first{
		margin-bottom: 6px !important;
		padding: 2px 10px !important;
		background: #4da6bb;
	}
	#block-system-main-menu > div > div .menu .first a{
		padding: 0 !important;
	}
	#block-system-main-menu .menu .first img{
		overflow: hidden;
		margin: 0;
		padding: 0 !important;
		/*padding: 0 10px;*/
		/* margin-left: 8px; */
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .menu{
		overflow: hidden;
	}
	#block-system-main-menu .menu > .first > a > img{
		width: auto !important; height: 28px !important;
		margin-top: 7px;
		margin-left: 10px;
	}
	#block-system-main-menu .menu .btn-header{
		float: right;
		width: 36px; height: 30px;
		margin: 6px 20px;
		padding: 7px 6px;
		border: solid #fff 1px;
		border-radius: 3px;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .menu .btn-header:hover{ background-color: #1d9bb8 }
	#block-system-main-menu  .menu .btn-header .bar{
		width: 100%; height: 2px;
		margin-bottom: 4px;
		background: #fff;
	}
	#block-system-main-menu .nav-phone .title{
		overflow: hidden;
		position: relative;
		height: 0;
		background: #fff;
		transition: 200ms;
		-webkit-transition: 200ms;
		-moz-transition: 200ms;
		-o-transition: 200ms;
		-ms-transition: 200ms;
	}
	#block-system-main-menu .nav-phone .title .title-txt, #block-system-main-menu .nav-phone .title .back{
		position: absolute;
		top: 0;
		cursor: pointer;
	}
	#block-system-main-menu .nav-phone .title .back{
		left: 0;
		width: 50px; height: 49px;
		background: url(../images/arrow-back.png) center center no-repeat #eee;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .nav-phone .title .back:hover{
		background-color: #ccc;
	}
	#block-system-main-menu .nav-phone .title .title-txt{
		width: 100%;
		left: 50px;
		padding: 9px 10px;
		font-size: 22px;
		white-space: nowrap;
		transition: 400ms;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		-o-transition: 400ms;
		-ms-transition: 400ms;
	}
	#block-system-main-menu .nav-phone .title .title-txt:hover{
		background: #f6f6f6;
	}
	#block-system-main-menu .nav-phone .conteneur{
		overflow-x: hidden;
		overflow-y: auto;
		height: 0;
		padding: 0;
		background: #fff;
		transition: 200ms;
		-webkit-transition: 200ms;
		-moz-transition: 200ms;
		-o-transition: 200ms;
		-ms-transition: 200ms;
	}
	#block-system-main-menu .nav-phone .nav-sep{
		display: none;
	}
	#block-system-main-menu .nav-phone .conteneur .phone-nav-principale{
		padding: 0;
	}
	#block-system-main-menu .nav-phone .conteneur li{
		list-style-type: none;
	}
	#block-system-main-menu .nav-phone .conteneur .phone-nav-principale li:first-child{
		display: none;
	}
	#block-system-main-menu .nav-phone .conteneur .phone-nav-principale > li > a{
		padding: 8px 20px;
		text-decoration: none;
	}
	#block-system-main-menu .nav-phone .conteneur .phone-nav-principale > li > a:hover{
		background: #f6f6f6;
		text-decoration: none;
	}
	#block-system-main-menu .nav-phone .conteneur .psnav > ul > li > ul > li > a{
		color: #000;
	}
	#block-system-main-menu .nav-phone .conteneur .psnav > ul > li > ul > li > ul > li > a{
		color: #666;
	}
	#block-system-main-menu .nav-phone .conteneur .psnav a:hover{
		text-decoration: underline;
	}
	#block-system-main-menu .caret{
		display: inline-block;
		margin: -3px 0 0 16px;
		vertical-align: middle;
		border-left: solid #188199 4px;
		border-top: solid transparent 4px;
		border-bottom: solid transparent 4px;
	}
	#block-system-main-menu .nav-principale > li > a:hover .caret{
		border-left: solid #fff 4px;
	}
	#block-system-main-menu .nav-plus{
		display: none;
	}
	#block-system-main-menu .picto{
		display: none;
	}
	#header-btn{
		margin: 53px 0 10px 0 !important;
	}
	.header-btn-wrap{
		display: block;
		position: relative;
		width: 100%;
		text-decoration: none;
		text-align: center;
		font-weight: bold;
		color: #fff;
		margin: 0;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 1.2em;
	}
	.header-btn{
		float: left;
		width: 50%;
		margin-bottom: 4px;
		padding: 5px 10px;
		color: #fff;
	}
	.header-btn:hover{
		text-decoration: none;
		color: #fff;
	}
	.header-tel{
		background-color: #f4ad21;
		border-radius: 3px 0 0 3px;
	}
	.header-rappel{
		padding: 19px 0;
		border-radius: 0 3px 3px 0;
		background-color: #188199;
		cursor: pointer;
		transition: 200ms;
		-webkit-transition: 200ms;
		-moz-transition: 200ms;
		-o-transition: 200ms;
		-ms-transition: 200ms;
	}
	.header-rappel:hover{
		background-color: #269db8;
	}

	/* Sidebar */
	#sidebar-first{
		position: relative;
		display: block;
		margin:20px 0 !important;
	}
	#sidebar-first .home-btn{
		display: none;
	}

	/* Footer */
	#footer{
		max-width: 100% !important;
		border-radius: 0px !important;
	}
}

/* Page Actu */
@media screen and (min-width: 570px){
	.view-page-actu .submitted{ display: none; }
	.view-page-actu .content{ display: none; }
	.view-page-actu h1{ display: none; }

	.view-page-actu .views-row{
		overflow: hidden;
		float: left;
		width: 30%; height: 60px;
		margin: 0 5% 0 0;
		margin-bottom: 20px;
		padding: 0 4px 0 0;
		border-bottom: solid #ccc 1px;
	}
	.view-page-actu .views-row:nth-child(3n+3){
		margin: 0 0 0 0 !important;
	}
	.view-page-actu .views-row .img-actu{
		float: left;
		width: 60px; height: 60px;
		margin: 0 10px 0 0;
	}
	.view-page-actu .views-row .img-actu img{
		width: auto !important; height: 100%;
	}
	.view-page-actu .views-row h2{
		margin: 4px 0;
		padding: 5px 0;
		font-size: 13px;
	}
	.view-page-actu .views-row p{
		display: none;
	}
	.view-page-actu .actu-prez{
		margin-bottom: 20px;
	}
	.view-page-actu .actu-prez h2{
		margin-bottom: 10px;
		font-size: 22px;
	}
	.view-page-actu .actu-prez .content{
		display: block;
	}
	.view-page-actu .actu-prez p{
		display: block;
		margin: 0;
		font-size: 13px;
	}
	.view-page-actu .actu-prez .actu-prez-first{
		overflow: hidden;
		position: relative;
		float: left;
		width: 65%; height: 310px;
		margin-right: 5%;
		border-bottom: solid #ccc 1px;
	}
	.view-page-actu .actu-prez .actu-prez-first .img-actu{
		width: 100%; height: 310px;
	}
	.view-page-actu .actu-prez .actu-prez-first .img-actu img{
		width: 100%; height: auto;
		min-width: 480px;
	}
	.view-page-actu .actu-prez .actu-prez-first .apf-txt{
		overflow: hidden;
		position: absolute;
		bottom: 0; left: 0;
		width: 100%; height: auto;
		padding: 10px 20px;
		background: rgba(255, 255, 255, 0.8);
	}
	.view-page-actu i{
		font-style: normal;
	}
	.view-page-actu .actu-prez .actu-prez-second{
		overflow: hidden;
		float: left;
		width: 30%; height: 310px;
		border-bottom: solid #ccc 1px;
	}
	.view-page-actu .actu-prez .actu-prez-second .img-actu{
		width: 100%; height: 90px;
	}
	.view-page-actu .actu-prez .actu-prez-second h2{
		margin: 4px 0;
	}
}
@media screen and (max-width: 570px){
	.view-page-actu h1{ display: none; }

	.view-page-actu .actu-prez .actu-prez-first, .view-page-actu .actu-prez .actu-prez-second{
		width: 100%; height: 60px;
		margin-top: 10px;
		border-bottom: solid #ccc 1px;
	}
	.view-page-actu li{
		width: 100%; height: 60px;
		margin: 10px 0 0 0 !important;
		border-bottom: solid #ccc 1px;
	}
	.view-page-actu .img-actu{
		overflow: hidden;
		float: left;
		width: 60px; height: 60px;
		margin-right: 10px;
	}
	.view-page-actu .img-actu img{
		width: auto; height: 100%;
		background: #ccc;
	}
	.view-page-actu h2{
		padding: 6px 0;
		font-size: 18px !important;
		font-weight: normal;
	}
	.view-page-actu p{
		display: none;
	}
}

@media screen and (max-width: 570px){
	#header .logo{
		display: block;
		margin: 0 auto;
		float: none !important;
	}
	.header-btn-wrap{
		width: 100%;
		margin-top: 20px;
	}
	.header-btn-wrap .header-btn{
		width: 50%;
		float: left;
		white-space: nowrap;
	}
	#footer .footer-wraps{
		display: block;
		width: 100% !important;
		max-width: 220px;
		height: auto !important;
		margin: 20px !important;
		float: none !important;
		border-right: none !important;
	}
}

#page{
	position: relative;
	margin-top: 0px;
}
#header{
	overflow:hidden;
	width: 100%;
}
#header .menu > .first{
	max-width: 200px;
	margin: 0;
	float: left;
}
#header h2{
	color: #f4ad21 !important;
	float: right;
	margin: 56px 80px 0 0;
}
#header .menu > li{
	float: left;
}
#block-system-main-menu > div > div > .menu > li{
	position: relative;
}
#block-system-main-menu > div > div > .menu > li:hover ul{
	display: block;
}
#block-system-main-menu > div > div > .menu > li > ul{
	display: none;
	position: absolute;
	top: 100%; left: 0;
	margin: 0;
	padding: 0;
	background: #fff;
	border-left: solid #f4ad21 2px;
	border-right: solid #f4ad21 2px;
	border-bottom: solid #f4ad21 2px;
}
#block-system-main-menu > div > div > .menu > li > ul > li{
	float: none !important;
	display: block !important;
	margin: 0;
	padding: 4px 10px !important;
}
#block-system-main-menu > div > div > .menu > li > ul > li:hover{
	background: #479bad;
}
#block-system-main-menu > div > div > .menu > li > ul > li:hover a{
	color: #fff;
}
#block-system-main-menu > div > div > .menu > li > ul > li > a{
	color: #4da6bb;
	text-decoration: none;
}
#content{
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: 856px;
	padding: 29px 47px 29px 47px;
	background: #fff;
}
.img-actu{
	overflow: hidden;
}
body, div, h1, h2, h3, h4, h5, h6{
	font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
h1{
	font-size: 2.4em;
	color: #188199;
}
h2{
	font-size: 1.6em;
	color: #3b889b; /* 4da6bb */
}
h3{
	font-size: 1.4em;
	color: #707c7f; /* 4da6bb */
}
p{
	margin: 4px 0 20px 0;
	font-size: 15px;
}
.home h1, .home p{
	text-align: center;
}
#block-system-main-menu li.orange{
	position: absolute;
	right: 7px; bottom: 0;
}
.orange a{
	background: #f4ad21 !important;
}
.orange a:hover{
	background: #fff !important;
	color: #4da6bb;
}

/* Media Queries */
@media screen and (max-width:500px){
	h1{
		font-size: 2em !important
	}
	h2{
		font-size: 1.5em !important
	}
}

/* Global */
.ib{
	display: inline-block;
	vertical-align: top;
}
.clear{
	clear: both;
}
#content{
	/*border-top: solid #f4ad21 1px;
	border-right: solid #f4ad21 1px;
	border-bottom: solid #f4ad21 3px;
	border-left: solid #f4ad21 1px;*/
	border-radius: 3px 3px 0 0;
}
#content > p {
	font-size: 15px;
}
.home-block.inlineblock{
	display: inline-block;
	vertical-align: middle;
}
.home-block{
	overflow: hidden;
	position:relative;
	width: 49.4%;
	margin: 0 2px -1px 0;
}
.home-block-img{
	padding: 0;
}
.home-block-txt{
	padding: 0 30px;
	margin-top: 50px;
}
.home-block-txt p{
	text-align: center;
	line-height: 1.2;
	font-size: 22px;
	font-weight: bold;
}
.home-block.home-block-txt a{
	font-weight: bold;
	text-decoration: none;
}
.home-block.home-block-txt a:hover{
	color: #8CC739;
	text-decoration: underline;
}
.home-block img{
	width: 100%;

	/* DELETE */
	background: #eee;
}
.home-block .special{
	white-space: nowrap;
}
.home-block .bold{font-weight: bold}
.home-block .blue{color: #1f5673;}
#content.home > h1{ text-align: center; font-family: stark, arial, sans-serif }
#content.home > p{ text-align: center; }

/* Tableaux */
td, th{
	border: solid #ccc 1px;
}

/* Bloc Actualites */
#block-views-actu-block{
	background-color: #fff;
	border: solid #ccc 1px;
	margin: 0 0 20px 0;
	padding: 10px 20px;
	border-radius: 3px;
}
#block-views-actu-block li{
	margin: 0;
	padding: 0;
	list-style: none;
	border: none;
}
#block-views-actu-block h2{
	margin: 0 0 10px 0;
	padding: 0;
	background: none;
	border-bottom: solid #ccc 1px;
	color: #0f6f85;
	text-align: center;
}
#block-views-actu-block .views-row{
	padding: 6px 0;
}
#block-views-actu-block a{
	border: none;
}
/* Page Actualites */
.view-page-actu h1{
	margin-bottom: 10px;
}
.view-page-actu ul{
	padding: 0;
}
.view-page-actu ul li{
	list-style-type: none;
	transition: 200ms;
	-webkit-transition: 200ms;
	-moz-transition: 200ms;
	-o-transition: 200ms;
	-ms-transition: 200ms;
}
.view-page-actu ul li h2{
	margin-bottom: 6px;
	font-size: 15px;
}
.view-page-actu ul li p{
	font-size: 15px;
}
.view-page-actu .pager{
	display: block;
	width: 240px;
	margin: 20px auto;
	text-align: center;
	font-size: 18px;
}
.view-page-actu .pager .pager-current, .view-page-actu  .pager .pager-item, .view-page-actu  .pager .pager-last, .view-page-actu  .pager .pager-first
{ display: none; }
.views-row .submitted, .actu-prez .submitted{ display: none !important; }
.view-page-actu .pager .pager-next{
	float: right;
	border: none;
	width: 100px;
	margin: 0;
	padding: 0;
}
.view-page-actu .pager .pager-previous{
	float: left;
	border: none;
	width: 100px;
	margin: 0;
	padding: 0;
}
.view-page-actu .pager li > a, .view-page-actu .pager li > span{
	display: block;
	width: 100px;
	margin: 20px auto;
	padding: 5px 14px;
	background: #4DA6BB;
	border: none;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	font-size: 14px;
}

	/* Page Actu RESET */
	.view-page-actu ul li{
		background: none !important;
		font-size: 14px !important;
		color: #333 !important;
	}

/* SNAV */
#main .block-menu, #main .block-views{
	margin-bottom: 20px;
}
#main .block-menu h2, #main .block-views h2{
	display: block;
	padding: 6px;
	background: #f4ad21;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
#main .block-menu ul, #main .block-views ul{
	margin: 0;
	padding: 0;
}
#main .block-menu ul li, #main .block-views ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
#main .block-menu a, #main .block-views a{
	display: block;
	padding: 6px;
	background: #fff;
	border-left: solid #f4ad21 1px;
	border-right: solid #f4ad21 1px;
}
#main .block-menu a:hover, #main .block-views a:hover{
	background: #188199;
	color: #fff;
	text-decoration: none;
}
#main .block-menu a.active{
	background: #188199;
	color: #fff;
	text-decoration: none;
}
#main .block-menu > li:last-child a, #main .block-views > .views-row:last-child{
	border-bottom: solid #f4ad21 1px;
	border-radius: 0 0 3px 3px;
}
/* SNAV Plus */
.block-menu-block, .block-views{
	margin-bottom: 20px;
}
.block-menu-block h2, .block-views h2{
	display: block;
	padding: 6px;
	background: #f4ad21;
	color: #fff;
	border-radius: 3px 3px 0 0;
}
.block-menu-block ul, .block-views ul{
	margin: 0;
	padding: 0;
}
.block-menu-block ul li, .block-views ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.block-menu-block a, .block-views a{
	display: block;
	padding: 6px;
	background: #fff;
	/*border-left: solid #f4ad21 1px;
	border-right: solid #f4ad21 1px;*/
}
.block-menu-block a:hover, .block-views a:hover{
	background: #188199;
	color: #fff;
	text-decoration: none;
}
.block-menu-block a.active{
	background: #188199;
	color: #fff;
	text-decoration: none;
}
.block-menu-block .menu-block-wrapper > ul > li:last-child a{
	/*border-bottom: solid #f4ad21 1px;*/
	border-radius: 0 0 3px 3px;
}
.block-menu-block .menu-block-wrapper > ul > li > ul > li > a{
	padding-left: 20px;
}

/* Footer */
#footer{
	background: #4da6bb;
	border-radius: 0 0 3px 3px;
}
#footer img{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	margin: 10px 0 10px 10px;
}
#footer ul{
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
#footer ul li{
	display: inline;
	margin-right: 20px;
	list-style-type: none;
}
#footer ul li a{
	color: #fff;
}

/* Side Buttons */
.home-btn{
	margin-bottom: 20px;
	padding: 4px 20px;
	background: #fff;
}
.home-btn .title{
	margin: 4px 0;
	text-align: center;
	font-size: 20px;
	color: #0f6f85;
}
.home-btn a{
	display: block;
	position: relative;
	max-width: 20em;
	text-decoration: none;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

.boutton-numero {
	overflow: hidden;
	background-color: #f4ad21;
	padding: 5px 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.5em;
	line-height: 1.5;
}
.boutton-rappel {
	background-color: #4da6bb;
	margin-top: 10px;
	padding: 5px 0;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 1.5em;
}

.boutton-rappel:hover {
    background-color: #269db8;
 }


 /* Reset fuckin' message */
#first-time{
 	display: none;
 }

/* Home */
@media (min-width: 876px){
	#content .cnt-pub{
	}
}
@media (max-width: 876px){
	#content .tri td.block-col{
		display: block !important;
		width: 100% !important;
		max-width: 350px !important;
		margin: 0 auto !important;
	}
	#content .pres{
		width: 100% !important;
		margin-bottom: -10px !important;
	}
	#content .cnt-pub{
		display: block;
		width: 100% !important; height: 100px !important;
		max-width: 350px !important;
		margin: 0 auto !important;
	}
	#content .cnt-pub img{
		display: block;
		width: auto !important; height: 100% !important;
		max-width: 250px;
		margin: 0 auto;
	}
}
#content .block{
	border-radius: 3px;
}
#content .pres{
	width: 66%;
	margin-bottom: 10px;
}
#content .pres p{
	font-size: 18px !important;
}
#content .cnt-pub{
	width: 33%; height: 200px;
	padding: 0 20px;
	background: #fff;
	border-radius: 3px;
}
#content .cnt-pub img{
	display: block;
	width: 100%;
	max-width: 200px;
	margin: 0 auto;
}
#content .tri{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-radius: 10px;
	box-sizing: border-box;
}
#content .tri table{
	width: 100%;
}
#content .tri tbody{
	border: none;
}
#content .tri td.block-col{
	width: 33%;
	margin: 0;
	padding: 10px;
	border: none;
	box-sizing: border-box;
}
#content .tri td.block-col > div{
	width: 100%;
	margin: 0;
	padding: 10px;
	background: #f9f9f9;
	border: solid #ccc 1px;
	box-sizing: border-box;
}
#content .tri td.block-col-rad-left div{ border-radius: 20px 0 0 0; }
#content .tri td.block-col-rad-left img{ border-radius: 10px 0 0 0; }
#content .tri td.block-col-rad-right div{ border-radius: 0 20px 0 0; }
#content .tri td.block-col-rad-right img{ border-radius: 0 10px 0 0; }
#content .tri .block-col img{
	width: 100%;
	background: #fff;
	border: solid #ccc 1px;
	box-sizing: border-box;
}
#content .tri .block-col .block-col-title{
	display: block;
	margin: 6px 0;
	padding: 4px 0;
	border-bottom: solid #000 1px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
}
#content .tri .block-col .block-col-cnt{
	display: block;
	margin: 6px 0;
	color: #333;
	font-size: 16px;
	font-weight: normal;
}
#content .tri .block-col a:hover{
	color: #00afec;
}
.sidebar-hideblock{
	width: 100%;
	height: 1px;

}

#toolbar{display: none !important;}
.hide{ display: none !important; }
/* Tiny Navbar */
@media screen and (min-width: 1170px){
	#bridge-menu a{
		min-width: 8%;
		margin: 0 10px;
		padding: 0px 16px;
	}
}
@media screen and (min-width: 940px) and (max-width: 1170px){
	#bridge-menu a{
		width: 13.9%;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	#bridge-menu a > span{ display: none; }
}
@media screen and (max-width: 940px){
	#bridge-menu, #bridge-background{display: none;}
	#block-system-main-menu{
		top: 0 !important;
	}
}
#bridge-background{
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 24px;
	z-index: 0;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
}
#bridge-menu{
	overflow: hidden;
	padding: 4px 20px 0 20px;
	background: #fff;
}
#bridge-menu a{
	position: relative;
	display: inline-block;
	border-radius: 3px 3px 0 0;
	color: #fff;
	/*background: #d7e8e6;*/
	/*background: #e6fafe;*/
	color: #4da6bb;
	text-decoration: none;
	text-align: center;
}
#bridge-menu a:hover{
	background: #4da6bb;
	color: #fff;
	text-decoration: none;
}
#bridge-menu a::after{
	content: '';
	position: absolute;
	top: 4px; right: -12px;
	width: 1px; height: 12px;
	background: #ccc;
}
#bridge-menu a:last-child::after{
	display: none;
}
#bridge-menu a.orange{
	background: #f4ad21;
	color: #fff;
}
#bridge-menu a.orange:hover{
	background: #4da6bb;
	color: #fff;
}
#bridge-menu a.bm-actif{
	background: #4da6bb;
	color: #fff;
}
#bridge-menu a > span{
	transition: color 0ms;
	-webkit-transition: color 0ms;
	-moz-transition: color 0ms;
	-o-transition: color 0ms;
	-ms-transition: color 0ms;
}

/* Sidebar Menu */
#sidebar-first .content a{ position: relative; text-decoration: none; }
#sidebar-first .content > ul{ background: #fff; }
#sidebar-first .content a:hover{
	background: none !important;
}
#sidebar-first .content > ul > li > ul > li > ul > li{
	background: #f7f7f7;
}
#sidebar-first .content > ul > li > ul > li > ul > li > ul > li{
	background: #f7f7f7;
}
#sidebar-first .expanded > a:after,
#sidebar-first .collapsed > a:after{
	content: '+';
	position: absolute;
	top: 6px; right: 10px;
	width: 10px; height: 10px;
	text-align: center;
}

#sidebar-first .content > ul > li > a{
	border-bottom: solid #4da6ba 1px;
	color: #4d9dbb;
	text-transform: uppercase;
}
#sidebar-first .content > ul > li > ul > li > a{
	padding-left: 20px !important;
	color: #4d9dbb;
}
#sidebar-first .content > ul > li > ul > li > ul > li > a{
	padding-left: 40px !important;
	color: #4d9dbb;
}
#sidebar-first .content > ul > li > ul > li > ul > li > ul > li > a{
	padding-left: 60px !important;
	color: #8d8d8d;
}
#sidebar-first .content a:hover{
	background: #4d9dbb !important;
	color: #fff !important;
}
#sidebar-first .content a.active{
	background: #188199 !important;
	color: #fff !important;
}


/****** FRONTPAGE RAPH********/

.frontpage-button {
	color: #fff !important;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	text-align: center;
	background: #1c869e;
	border-radius: 6px;
	border-bottom: 2px solid #0f7288;
	-webkit-box-shadow: inset 0 -2px #0f7288;
	box-shadow: inset 0 -2px #0f7288;
	text-transform: uppercase;
	float: right;
	width: 280px;
	height: 45px;
	padding: 10px 0 0 5px;
	font-size: 16px;
}
@media (min-width: 876px){
	.text-special {
	   position: absolute;
       margin-top: 18%;
	   margin-right: 10px;
	   right: 4%;
	   color: #fff !important;
	}
	.text-special-second {
	   position: absolute;
	   margin-top: 23%;
	   margin-right: 10px;
	   right: 4%;
	}

	.frontpage-button{
	   position: absolute;
	   margin-top: 30%;
	   margin-right: 10px;
	   right: 4%;
	}
}
@media (max-width: 876px){
    .text-special {
	position: relative;
	text-align:center;
  }
	.text-special-second {
	position: relative;
	width: 100%;
	text-align:center;
}
  .frontpage-button	 {
	position: relative;
	width: 90%;
	margin: 2em 2em 2em 2em;
  }
}

.text-special {
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   color: #fff;
   text-shadow: 0 -1px 5px rgba(0,0,0,1);
   font-size: 30px;
}

.text-special-second {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 -1px 5px rgba(0,0,0,1);
	font-size: 30px;
}

/*fin modifs raph*/

/*reseaux sociaux*/

#main {

margin-top:-37px;

}

.reseaux_sociaux {
float: right;
padding-right: 1px;
padding-top: 72px;
}

.reseaux_sociaux ul {
list-style-type: none;
}

.reseaux_sociaux li {
display: inline;
}
/*fin réseau sociaux*