body {
	background-color: white !important;
}

img {
border: none;
}

a  {
border: none;
}

#footer {
	background-color: #666;
	text-align: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 50px;
	margin-top: 20px;
	padding-top: 20px;
}
#header {
	position: relative;
	height: 130px;
	text-align: left;
	background-image: url(img-2015/fond-header.jpg);
	width: 100%;
	vertical-align: middle;
}
.bandeau {
	position: relative;
	margin: 0 auto;
	height : 130px;
	width: 1000px;
	top: 0px;
}
#logo {
	position: relative;
	display: inline-block;
	height: 130px;
	width: 225px;
	background-image: url(img-2015/logo-imperial-2.png);
	background-repeat: no-repeat;
	left: 0px;
	background-position: center center;
	top: 0px;
	background-color: #000;
	margin-left: 0px;
}
#picto-insta {
	position: absolute;
	display:inline-block;
	width: 300px;
	color: #FFD777;
	letter-spacing: 0.05em;
	right: 0px;
	top: 10px;
	text-align: right;
	vertical-align: middle;
	margin-right: 0px;
}

#menu {
	position: absolute;
	display:inline-block;
	width: 775px;
	font-family: helveticathin, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFD777;
	letter-spacing: 0.05em;
	right: 0px;
	top: 60px;
	text-align: right;
	vertical-align: middle;
	margin-right: 0px;
}
#menulangue {
	display: none;
	position: absolute;
	width: 300px;
	right: 0px;
	top: 100px;
	text-align: right;
	vertical-align: middle;
	z-index: 100002;
}
.sepa {
	font-family: helveticathin, Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FFD777;
	letter-spacing: 0.9em;
}
#zone-milieu {
	position: absolute;
	width: 1000px;
	vertical-align: middle;
	background-color: #333;
}
#zone-texte {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	vertical-align: middle;
	margin-bottom: 25px;
}
#zone-texte .texte-15-blanc,
#zone-texte .texte-15-blanc-bold,
#zone-texte .texte-20-bold-blanc,
#zone-texte .sous-titre-blanc,
#zone-texte .sous-titre-blanc-din
/*#zone-photo-bas #zone-bas .texte-15-blanc,
#zone-photo-bas #zone-bas a.type4,
#zone-photo-bas #zone-bas .titre-bas*/ {
	color: black;
}
#zone-texte a.type3 {
	color: #c39f5d;
}
#zone-texte-gauche {
	position: relative;
	display: inline-block;
	width: 655px;
	z-index : 1000;
	top: 0px;
	left: 0px;
	text-align: justify;
}
#zone-texte-centre {
	position: relative;
	display: inline-block;
	width: 1000px;
	z-index : 1000;
	top: 0px;
	left: 0px;
	text-align: justify;
}
#zone-texte-droite {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	margin-right: 5px;
	width: 310px;
	z-index : 1000;
	top: 0px;
	float: right;
	text-align: center;
}
.titre {
	font-family: "helveticalight", Arial, sans-serif;
	color: #c39f5d;
	font-size: 45px;
	letter-spacing: 0.15em;
	padding-bottom: 0px;
	padding-left: 0em;
	top: 0px;
	border-bottom: 1px solid #a18d69;
}
.ligne-rectangle {
	background-image: url(img-2015/rectangle-ligne-titre.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 33px;
	height: 7px;
}
.ligne-rectangle-clip {
	background-image: url(img-2015/rectangle-ligne-clip.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 10px;
	height: 7px;
}
.sous-titre {
  font-family: "dinbold", Arial, sans-serif;
  color: #643c00;
  font-size: 20px;
  font-weight: normal;
  line-height: 0px;
  padding-bottom: 0px;
}
.sous-titre-jaune {
	font-family: "dinbold", Arial, sans-serif;
	color: #c39f5d;
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 0px;
	font-style: normal;
}
.sous-titre-blanc {
	font-family: "dinbold", Arial, sans-serif;
	color: #ffffff;
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 0px;
	font-style: normal;
}
.sous-titre-blanc-din {
	font-family: "din", Arial, sans-serif;
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	line-height: normal;
	padding-bottom: 0px;
	font-style: normal;
}
.texte {
	font-family: "din", Arial, sans-serif;
	color: #666666;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.texte-15-blanc {
	font-family: "din", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.texte-15-blanc-bold {
	font-family: "dinbold", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.texte-15-jaune-bold {
	font-family: "dinbold", Arial, sans-serif;
	color: #c39f5d;
	font-size: 15px;
	font-weight: normal;
	line-height: 20px;
	text-align: justify;
}
.texte-20-bold-gris {
	font-family: "dinbold", Arial, sans-serif;
	color: #666666;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}
.texte-20-bold-blanc {
	font-family: "dinbold", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 17px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}
.photo-actu {
	box-shadow: 1px 1px 12px #555;
	padding: 10px;
	margin-right: 25px;
	margin-bottom: 50px;
	float: left;
}
.photo-actu-2 {
	padding: 10px;
	margin-top: 50px;
	float: center;
	text-align: center;
}
.bouton-2 {
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	margin-top: 15px;
	
}
	.bouton-2  {
	font-family: "helveticaneue-bold", Arial, sans-serif;
	font-size: 12px;
	line-height: 0px;
	color: white;
	border-radius: 4px;
	padding-top: 14px;
	padding-right: 12px;
	padding-bottom: 14px;
	padding-left: 12px;
	cursor: pointer;
	background-color: #b38e34;
	background-image: url(img-2015/fleche-bouton.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	}
	.bouton-2:hover {background-color:#9c711c}
	
.bouton-clip {
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	margin-top: 10px;
	
}
	.bouton-clip  {
	font-family: "helveticaneue-bold", Arial, sans-serif;
	font-size: 14px;
	line-height: 0px;
	color: white;
	border-radius: 4px;
	padding-top: 15px;
	padding-right: 12px;
	padding-bottom: 15px;
	padding-left: 12px;
	cursor: pointer;
	background-color: #b38e34;
	background-image: url(img-2015/fleche-bouton.png);
	background-repeat: no-repeat;
	background-position: 5px center;		
	}
	.bouton-clip:hover {background-color:#9c711c}	
	

.bandeau-rallyes {
	height: 157px;
    margin-right: 23px;
	margin-bottom: 30px;
}
	.bandeau-rallyes:hover {
		opacity: 0.8;
		box-shadow: 5px 5px 10px #555;
		transition: background 0.5s;
}
#zone-galerie {
	position: relative;
	display: inline-block;
	z-index: 100;
	top: 0px;
	width: 1000px;
	vertical-align: middle;
	text-align: left;
	padding: 0px;
	text-align:justify;
	margin-top: 25px;
}

#zone-galerie a  {
    opacity: 1;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
	
	display:inline-block;
	margin: 0 0 30px 0;
}

#zone-galerie a img  {
border: none;
}

#zone-galerie a:hover, #zone-galerie a:focus {
    opacity: 0.3; /* opacite au survol */
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Hack IE 8 */
    filter: alpha(opacity = 30); /* Hack IE 5-7 */
}

#zone-galerie:after {
	content: "";
	display: inline-block;
	width: 100%;
}
#zone-bas {
	position: relative;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
	vertical-align: middle;
	background-color: #505b61;
	text-align: center;
	padding-bottom: 20px;
	padding-top: 50px;
}

/*#zone-photo-bas #zone-bas {
	background-color: white;
}*/

.zone-milieu-bas {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	vertical-align: left;
	text-align: left;
}
.titre-bas {
	font-family: "helveticalight", Arial, sans-serif;
	color: #FFF;
	font-size: 45px;
	letter-spacing: 0.15em;
	padding-bottom: 0px;
	padding-left: 0em;
	top: 0px;
	border-bottom: 1px solid #a18d69;
}
.texte-23-blanc-bold {
	font-family: "dinbold", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 23px;
	font-weight: normal;
	line-height: 28px;
	text-align: center;
}
.texte-18-blanc-bold {
	font-family: "dinbold", Arial, sans-serif;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
}
#zone-photo-bas {
	position: relative;
	margin-top: 0px;
	width: 100%;
	vertical-align: middle;
	background-image: url(img-2015/photo-bas-1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.zone-calque-bas {
	position: relative;
	display: inline-block;
	width: 500px;
	height: 100%;
	text-align: justify;
	background-color: rgba(0,0,0,0.7);
	padding: 30px;
}
#zone-texte-droite-2 {
	position: relative;
	display: inline-block;
	margin-top: 50px;
	margin-right: 5px;
	width: 310px;
	z-index : 1000;
	top: 0px;
	float: right;
	text-align: center;
}
#zone-galerie-2 {
	position: relative;
	display: inline-block;
/* 	z-index: 100; */
	margin-top: 50px;
	margin-left: 5px;
	margin-right: 0px;
	width: 345px;
	vertical-align: middle;
	text-align: left;
	padding: 0px;
	text-align:justify;
}

#zone-galerie-2 a  {
    opacity: 1;/* l'opacite que vous voulez au depart */
    border: none;/* enlever les border d'une image en lien */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
    filter: alpha(opacity = 100); /* Hack IE 5-7 */
    -webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
    transition: opacity 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
	
	display:inline-block;
	margin: 0 0 20px 0;
}

#zone-galerie-2 a:hover, #zone-galerie a:focus {
    opacity: 0.3; /* opacite au survol */
    -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Hack IE 8 */
    filter: alpha(opacity = 30); /* Hack IE 5-7 */
}

#zone-galerie-2:after {
	content: "";
	display: inline-block;
	width: 100%;
}
#zone-colone-droite {
	position: relative;
	display: inline-block;
	margin-right: 0px;
	width: 310px;
/* 	z-index : 1000; */
	top: 3px;
	float: right;
	text-align: center;
}
.vignette-rallye {
	margin-right: 25px;
	margin-bottom: 45px;
	float: left;
}
.vignette-rallye-2 {
	margin-right: 25px;
	margin-bottom: 15px;
	float: left;
}



/* Customize la galerie */


#blueimp-gallery {
background-color:rgba(0,0,0,1) !important;
}


.blueimp-gallery-single > .indicator {
  display: initial !important;
}

.blueimp-gallery > .indicator > li {
    width: 20px !important;
    height: 20px !important;
	border-radius: 3px !important;
    opacity: 1 !important;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
}

#links {
text-align:left;
line-height:0;
}


#links a {
display: inline-block;
width:75px;
height:75px;
margin:0;
padding:3px;
/* background-color:red; */
}


#links a img {
margin:0;
padding:0;
}