/*AFFICHAGE PAGE AGENCE*/
#agency {
	font-family: 'Roboto', sans-serif;
}

#agency .mappingContent {
	width: 1000px;
	height: 391px;
	background: url(images/agence/bg-agences.jpg) top left;
}

#agency .mappingContent .mapFrance {
	position: relative;
	margin: 0 0 0 23px;
}

#agency .mappingContent .mapFrance .mapping {
	position: absolute;
	top: 0;
	left: 35px;
	width: 477px;
	height: 391px;
	background-image: url(images/agence/france-blank.png);
	background-repeat: no-repeat;
	background-position: top left;
}

#agency .mappingContent .mapFrance .icons, 
#agency .mappingContent .mapFrance .icones {
	position: absolute;
	display: block;
	opacity: .5;
}

#agency .mappingContent .mapFrance #orleans {
	top: 123px;
	left: 272px;
}

#agency .mappingContent .mapFrance #tours {
	top: 150px;
	left: 220px;
}

#agency .mappingContent .mapFrance #chatellerault {
	top: 185px;
	left: 210px;
}

#agency .mappingContent .mapFrance #limoges {
	top: 215px;
	left: 230px;
}

#agency .mappingContent .mapFrance #nantes {
	top: 135px;
	left: 145px;
}

#agency .mappingContent .mapFrance .icons:hover, 
#agency .mappingContent .mapFrance .icons.hovered, 
#agency .mappingContent .mapFrance .icones:hover, 
#agency .mappingContent .mapFrance .icones.hovered {
	opacity: 1;
	padding: 8px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	-webkit-box-shadow: 0 0 13px rgba(0,0,0,.25);
	-moz-box-shadow: 0 0 13px rgba(0,0,0,.25);
	box-shadow: 0 0 13px rgba(0,0,0,.25);
	background: #FFFFFF;
}

#agency .mappingContent .mapFrance #orleans:hover, 
#agency .mappingContent .mapFrance #orleans.hovered {
	top: 115px;
	left: 264px;
}

#agency .mappingContent .mapFrance #tours:hover, 
#agency .mappingContent .mapFrance #tours.hovered {
	top: 142px;
	left: 212px;
}

#agency .mappingContent .mapFrance #chatellerault:hover, 
#agency .mappingContent .mapFrance #chatellerault.hovered {
	top: 177px;
	left: 202px;
}

#agency .mappingContent .mapFrance #limoges:hover, 
#agency .mappingContent .mapFrance #limoges.hovered {
	top: 207px;
	left: 222px;
}

#agency .mappingContent .mapFrance #nantes:hover, 
#agency .mappingContent .mapFrance #nantes.hovered {
	top: 127px;
	left: 137px;
}

#agency .mappingContent .mapTextes {
	float: right;
	width: 475px;
	height: 391px;
	margin: 0 23px 0 0;
	padding: 40px 30px;
}
	
#agency .mappingContent .mapTextes .intro {

}

#agency .mappingContent .mapTextes .intro p {
	font: 14px Roboto;
	color: #333333;
	text-align: center;
	padding: 100px 0 0 0;
}

#agency .mappingContent .mapTextes .agencies {

}

#agency .mappingContent .mapTextes .agencies .details {
	display: none;
}

#agency .mappingContent .mapTextes .agencies .details h4 {
	font: 24px / 36px Roboto;
	color: #D2002D;
}

#agency .mappingContent .mapTextes .agencies .details p {
	font: 14px Roboto;
	color: #333333;
}

#agency .mappingContent .mapTextes .agencies .details p .title {
	display: block;
	font: 18px / 24px Roboto;
	color: #333333;
}

#agency .mappingContent .mapTextes .agencies .details p a {
	font: 14px Roboto;
	color: #D2002D 	;
}

/* Shema alarme et securité */
.shemaSys img{
	margin: 17px 0 0 53px;
}
	





footer .footer .encart a.button {
    display: block;
    top: 165px;
    left: 22px;
    height: 33px;
    font: 14px / 33px Arial;
    padding: 0 15px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-decoration: none;

    color: #FFFFFF;
    background-color: #C8002B;
    -webkit-box-shadow: -2px 1px 3px rgba(0,0,0,.33), inset -1px 1px rgba(255,255,255,.75), inset 0 0 2px rgba(255,255,255,.5);
    -moz-box-shadow: -2px 1px 3px rgba(0,0,0,.33), inset -1px 1px rgba(255,255,255,.75), inset 0 0 2px rgba(255,255,255,.5);
    box-shadow: -2px 1px 3px rgba(0, 0, 0, 0.33), inset -1px 1px rgba(255, 255, 255, 0.75), inset 0 0 2px rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.09), rgba(255,255,255,.09));
    background-image: linear-gradient(to top, rgba(0,0,0,.09), rgba(255,255,255,.09));

}