/* CSS Document */

.globalInformations {
		clear:both;
		float:left;
		width: 115%; padding-left:20px;
		border-top:1px solid #eee;border-bottom:1px solid #eee; padding:10px 0 20px 0; background:#eee; padding-top:30px;
	}

.navigation {
  margin: -10px 0 0 0 !important;
  padding:0;
  list-style: none;
  background: #95D3E0;/*D7E1DF*/
  color: #000;
  width: 105%;

}

.navigation:first-child {
  margin: 20px 0 0 0 !important;
}

.navigation span, .navigation a{
  display: block;
  padding: 4px 20px 40px 12px;
  color: #000;
  text-decoration: none;
  border-bottom:1px solid #FFF;
  font-size:13pt; 
}

.navigation li{
	padding: 14px 0 14px 0;
	background: #FFF;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
  background: url(images/menu-item-deroule.png) 50% 90% no-repeat #D5DEE5; 

}

.navigation .open a, .navigation .open span {
  background: url(images/menu-item-enroule.png)50% 90% no-repeat #D5DEE5; 
}

.navigation a:hover, .navigation a:focus, .navigation a:active {
  text-decoration: none;
  color:#0D468D;	
}

.navigation .subMenu {
  font-size: .8em;
  background: url(images/menu-item-enroule.png)99% center no-repeat #D5DEE5; 
  margin: 0 0 0 20px;
  list-style: none;
  width:90%;
  border-bottom:1px solid #0D468D;
}


.navigation ul.subMenu a {
  background: none;
  padding: 0 20px; 
  background:#0D468D;
  color:#FFF;
  text-align: center;
  margin:0 auto;
  
}
.navigation ul.subMenu a.liens {
  background: none;
  float:left;
  padding:0 10px !important;
  /*background:#0D468D;*/
  color:#0D468D;
  margin:-20px 0 0 -10px !important;
	font-size:1.2em;
}

ul.listesInternes9 {
	margin:0; padding:10px 0 10px 0;
	background: #FFF !important;
	font-size:.9em;
}


ul.listesInternes9 li{
	margin:0; padding-left:20px;
	background: url(images/picto-liste-rub9.jpg) 0 12px no-repeat;
	font-size:1em;
}

ul.listesInternes9 li.liensliste {
	margin:0; padding:10px 0 10px 0;
	background: none !important;
	font-size:.9em;
}


h2{
	font-size:16pt;
	border-left:4px solid #a7becd;
	padding-left:4px;
	margin-left:20px;
}

@media only screen and (min-device-width : 480px) and (max-device-width : 1024px) {
.bloc-image {position: relative;  width:96%; height: 0; padding-bottom:44%; overflow:hidden; margin-left:20px;}
.bloc-image img{width:110%;position:absolute;}
	
	.navigation {
  margin: -10px 0 0 0 !important;
  padding:0;
  list-style: none;
  background: #95D3E0;/*D7E1DF*/
  color: #000;
  width: 96%;

}

.footerMobile{
	clear:both;
	float: left;
	margin-top:20px;
	width:110%; 
	margin:0; padding:0 0 0 -40px;
	}

.footerMobile p{
	clear:both;
	float: left;
	background-color:#0D468D;display:inline;margin:0 0 0 -40px;padding:28px 0 28px -40px;
	text-align:center;width:105%;display:inline;
	}
.footerMobile a{
	font-family: 'Arial', Helvetica, sans-serif;
	font-size:.8em;
	color:#fff;
	text-decoration: none;width:105%;display:inline;
	}

.headerMobile{
	clear:both;
	float: left;
	margin-top:20px;
	width:110%; 
	margin:0; padding:0;
	}

.headerMobile p{
	clear:both;
	float: left;
	background:url(images/picto-rub0.png) 44px 20px no-repeat #0D468D;display:inline;margin:0 0 0 -40px;padding:28px 0 28px -40px;
	text-align:center;width:105%;display:inline;
	font-size:1em;
	color:#fff;
	text-transform: uppercase;
	}
.headerMobile a{
	font-family: 'Arial', Helvetica, sans-serif;
	text-decoration: none;width:105%;display:inline;
	}
	
.headerAccroche p{
	clear:both;
	float: left;
	background:#BACFE2;
	display:inline;margin:0;padding:28px 0 28px 0;
	text-align:left;width:100%;display:inline;
	font-size:.7em !important;
	color:#0D468D;
	}
	
	
}