/* feuille de style de la page sponsors */

.sponsors_bulle
{
	height: 150px;
	width: 150px;
	border-radius: 200px;
	border: 10px solid rgb(51, 51, 51);
	overflow: hidden;
	position: relative;
	left: 0;
	top: 0;
	display: inline-block;
	transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}

.sponsors_blocs
{
    display: inline-block;
	width: 170px;
	height: 210px;
	position:relative;
	overflow: hidden;
	margin: 12px;
}

.offre
{
	position: absolute;
	left: 0px;
	top: -170px;
	height: 170px;
	background: white;
	border-radius:5px;
	box-shadow: 0 0 5px black inset;
	transition: top 0.5s ease;
	-o-transition: top 0.5s ease;
	-ms-transition: top 0.5s ease;
	-moz-transition: top 0.5s ease;
	-webkit-transition: top 0.5s ease;
}

.offre p, .offre a
{
    font-size: 12px;
    padding: 3px;
}

.offre a
{
    color: red;
    text-decoration: none;
}

.offre a:hover
{
    text-decoration: underline;
}

.sponsors_blocs span
{
	display: block;
	background: white;
	padding: 5px;
	width: 80px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	margin-left: 40px;
	margin-top: 5px;
	border-radius: 15px;
	font-size: 13px;
	color: black;
}

.sponsors_blocs span:hover
{
	cursor: pointer;
	color: red;
	box-shadow: 0 0 2px black inset;
}

.sponsors_bulle:hover
{
	border: 10px solid black;
	cursor: pointer;
	transform: rotateZ(360deg) scale(0.8);
	-o-transform: rotateZ(360deg) scale(0.8);
	-ms-transform: rotateZ(360deg) scale(0.8);
	-moz-transform: rotateZ(360deg) scale(0.8);
	-webkit-transform: rotateZ(360deg) scale(0.8);
}

.sponsors_bulle img
{
	width: 150px;
	height: 150px;
	margin: 0px;
	padding: 0px;
}

#bloc_sponsor_page
{
	display: block;
	position: relative;
	width: 1000px;
}

#bloc_sponsor_page h1
{
	font-weight: bold;
	color:yellow;
	text-align: center;
	text-shadow: 0 0 2px black;
}

/* listes des sponsors images */

#pernac .sponsors_bulle
{
	background: url("../img/sponsors/pernac.jpg");
}

#fiesta .sponsors_bulle
{
	background: url("../img/sponsors/fiesta_republic.jpg");
}


#dominos .sponsors_bulle
{
	background: url("../img/sponsors/Dominos.jpg");
}

#slidebox .sponsors_bulle
{
	background: url("../img/sponsors/slide_box.jpg");
}

#weemove .sponsors_bulle
{
	background: url("../img/sponsors/weemove.png");
}

#gosport .sponsors_bulle
{
	background: url("../img/sponsors/gosport.jpg");
}

#artvin .sponsors_bulle
{
	background: url("../img/sponsors/artvin.png");
}

#flams .sponsors_bulle
{
	background: url("../img/sponsors/Flams.jpg");
}

#oxygene40 .sponsors_bulle
{
	background: url("../img/sponsors/Oxygene40.jpg");
}

#happyh .sponsors_bulle
{
	background: url("../img/sponsors/hh.jpg");
}

#strasoptic .sponsors_bulle
{
	background: url("../img/sponsors/strasoptic.jpg");
}

#autoe .sponsors_bulle
{
	background: url("../img/sponsors/autoe.jpg");
}

#spie
{
	background: url("../img/sponsors/Spie.jpg");
}

#devred
{
	background: url("../img/sponsors/Devred.jpg");
}

#taps
{
	background: url("../img/sponsors/TAPS.jpg");
}

#kleber
{
	background: url("../img/sponsors/kleber.jpg");
}

#redbull
{
	background: url("../img/sponsors/Redbull.jpg");
}

#lcl
{
	background: url("../img/sponsors/LCL.jpg");
}

#cime
{
	background: url("../img/sponsors/CIME.jpg");
}

#mgel
{
	background: url("../img/sponsors/mgel.jpg");
}

#marcdorcel
{
	background: url("../img/sponsors/marcdorcel.jpg");
}

#europap
{
	background: url("../img/sponsors/europa.jpg");
}

#stabilo
{
	background: url("../img/sponsors/stabilo.jpg");
}

#nrj
{
	background: url("../img/sponsors/nrj.jpg");
}

#cg67
{
	background: url("../img/sponsors/cg67.jpg");
}

#kronenbourg
{
	background: url("../img/sponsors/kronenbourg.png");
}

#creme_creme
{
	background: url("../img/sponsors/creme_creme.jpg");
}