
footer {
	background-color: #002034;
	position: relative;
	padding-top: 30px;
	}

footer .centre{
	max-width: 1200px;
	width: 96%;
	}


footer .mentions{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}
footer .mentions .centre{
	border-top: 1px solid #59a2d0;

	}
footer .mentions p:first-child{
	border-bottom: 1px solid #59a2d0;
	padding: 15px 15px;
	font-size: 0.87em;
	color: #fff;
	}
footer .mentions p:last-child{
	color: #b4b4b4;
	font-size: 0.87em;
	padding-top: 15px;
	}
footer .mentions a{
	color: #78a2bd;
	text-decoration: none;
	font-size: 1em;
	}
footer .mentions span, footer .mentions span a{
	color: #78a2bd;

	}
.toggle a {
	color: #fff;
	font-weight: 300;
	font-size: 1em;
	text-decoration: inherit;
	position:relative;
	display:block;
	padding-left: 0px;
	}

/*.toggle a:before {
	content:'';
	width: 8px;
	height: 10px;
	background: url(/images/puce_footer.png) no-repeat;
	position:absolute;
	top: 6px;
	left: 0px;
	}*/

.toggle > ul  {
	margin: 0 0 40px;
	padding: 0 15px 0 15px;
	display: inline-block;
	vertical-align:text-top;
	}
.toggle > ul:nth-of-type(1)  {
	width: 25%;
	background:url(/images/logo_footer.png) no-repeat left top;
	}
.toggle > ul:nth-of-type(2)  {
	width: 50%;
	}
.toggle > ul:nth-of-type(3)  {
	width: 25%;
	}

.toggle > ul:nth-of-type(2) ul li {
	width: 50%;
	display: inline-block;
	vertical-align:top;
	}

.toggle ul > li  {
	font-weight: 300;
	color: #fff;
	padding-bottom: 5px;
	text-align:left;
	font-size: 1em;
	}
.toggle ul > li b {
	color: #fff;
	font-weight: 600;
	}

.toggle > ul > li:first-child  {
	font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
	font-size: 1.28em;
	padding: 0 0 8px 0;
	color: #fff;
	position:relative;
	min-height: 60px;
	padding-top: 20px;
	margin-bottom: 15px;
	}
.toggle > ul:nth-of-type(1) > li:first-child  {
	background: url(/images/logo_hopassur_footer.png) no-repeat left center;

	}
.toggle > ul > li:first-child::before  {
	content: '';
	width: 90px;
	height: 1px;
	background-color: #59a2d0;
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
.toggle > ul:nth-of-type(1) > li:first-child::before  {
	display: none;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(1)   {
	padding-left: 30px;
	background: url(/images/icone_footer_1.png) no-repeat 8px 2px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(2)   {
	padding-left: 30px;
	background: url(/images/icone_footer_2.png) no-repeat 5px 2px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(3)   {
	padding-left: 30px;
	background: url(/images/icone_footer_2.png) no-repeat 5px 2px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(4)   {
	padding-left: 30px;
	background: url(/images/icone_footer_3.png) no-repeat 5px 4px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(5)   {
	padding: 5px 0 15px 30px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(5) a  {
	display: inline-block;
	margin-right: 10px;
	}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(6)   {
    box-shadow: 1px 1px 12px #000;
    background: url(/images/icone_client_2.png) #002f4c no-repeat 20px center;
    display: inline-block;
    vertical-align: top;
	width: 190px;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    border-bottom-left-radius: 23px;
    border-bottom-right-radius: 23px;
    border-top-left-radius: 23px;
    border-top-right-radius: 23px;

}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(6) a {
    color: #fff;
    font-size: 1.07em;
    font-weight: 700;
    background-repeat: no-repeat;
    background-position: 0 center;
    font-family: 'Ubuntu', sans-serif;
    padding: 0 0 0 55px;
	position: relative;
}
.toggle > ul:nth-of-type(1) ul > li:nth-of-type(6) a::after {
    content: url(/images/fleche_client_2.png);
    margin-left: 5px;
}



@media screen and (max-width:900px) {
.toggle > ul:nth-of-type(1)  {
	max-width: 240px;
	width: 100%;
	margin: 0 auto 0 auto;
	display: block;
	}
.toggle > ul:nth-of-type(2)  {
	width: 70%;
	}
.toggle > ul:nth-of-type(3)  {
	width: 30%;
	}

}



@media screen and (max-width:567px) {
.toggle > ul:nth-of-type(1) > li:first-child  {
	background-image: url(/images/logo_hopassur_footer.png), url(/images/icones/icone-plus-bas.png);
  	background-position: left center, right 20px;
  	background-repeat: no-repeat,  no-repeat;
	}
.toggle > ul:nth-of-type(1).open > li:first-child.plus  {
	background-image: url(/images/logo_hopassur_footer.png), url(/images/icones/icone-moins-bas.png);
  	background-position: left center, right 20px;
  	background-repeat: no-repeat,  no-repeat;
  	cursor: pointer;
	}


.toggle > ul:nth-of-type(1)  {
	max-width: inherit;
	width: 100%;
	margin: 0 0 0 0;
	display: block;
	}

footer .centre {
    padding-top: 20px;
	}
.toggle > ul:last-child > li:first-child  {
	text-align: left;
	padding-top:0px;
	
	}
.toggle > ul:nth-of-type(1) li {
	width: 100%;
	margin-left: 0;
	}
.toggle > ul:nth-of-type(2) li {
	width: 100%;
	}
.toggle > ul {
	max-width: inherit;
	float: none;
	padding-bottom: 0px;
	margin: 15px 0 0;
	}
.toggle > ul:nth-of-type(1)  {
	width: 100%;
	background:none;
	}
.toggle > ul:nth-of-type(2)  {
	width: 100%;
	}
.toggle > ul:nth-of-type(3)  {
	width: 100%;
	margin-bottom: 40px;
	}


.toggle > ul > li:first-child span{
	display:block;
	}
.toggle li.plus {
	background: url(/images/icones/icone-plus-bas.png) right 5px no-repeat;
	cursor:pointer;
	}
.toggle .open li.plus {
	background: url(/images/icones/icone-moins-bas.png) right 5px no-repeat;
	cursor:pointer;
	}
.toggle > ul > li:first-child {
	margin-bottom: 0px;
	padding: 0 0 5px 0;
	text-align:left;
	}
.toggle li:before {
	display: none;
	}
.toggle > ul > ul li{
	text-align:left;
	}


.toggle > ul:last-child > li:first-child  {
    display: block;
	}

}