@import url(//fonts.googleapis.com/css?family=Lato:400);
@import url(//fonts.googleapis.com/css?family=Lato:100);
@import url(//fonts.googleapis.com/css?family=Lato:300);
@import url(//fonts.googleapis.com/css?family=Lato:700);
@import url(//fonts.googleapis.com/css?family=Lato:900);

	a.popup_info
	{
		position:relative; /*this is the key*/
		z-index:24;
		color:#000;
		text-decoration:none
	}
	a.popup_info:hover
	{
		z-index:25; 
		background-color:#76B7E7
	}
	a.popup_info span
	{
		display: none
	}
	a.popup_info:hover span
	{ 
		/*the span will display just on :hover state*/
		display:block;
		position:absolute;
		top:0px; left:20%; 
		width:150px;
		margin-left:-165px;
		border:1px solid #0cf;
		background-color:#0099BB;
		color:#ffffff;
		text-align: center;
		z-index:9999999;
	}
	.choix_langue
	{
		position:absolute;
		top:-3px;
		z-index:5;
	}
	.choix_langue select
	{
		background-color: transparent;
		border: 0px solid #FFFFFF;
		color: #000000;
	  font: 700 18px "Lato", sans-serif;
	}
	.choix_langue select:focus 
	{
		outline: none;
	}
	.choix_langue option 
	{
		background-color: #FFFFFF;
	}



.link {
	background: none;
   	color: #fff;
   	height: 47px;
	line-height: 47px;
    display: inline-block;
    font: 700 16px/47px'Roboto Condensed';
    padding: 0 40px;
    border: 3px solid #fff;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
.link:hover {
	color: #222222!important;
	background: #fff;
}


.bouton {
	background: none;
	display: inline-block;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.bouton_blanc {
	color: #fff;
	border: 3px solid #fff;
}
.bouton_blanc:hover {
	color: #222222!important;
	background: #fff;
}
.bouton_noir {
	color: #000;
	border: 3px solid #000;
}
.bouton_noir:hover {
	color: #fff!important;
	background: #000;
}
.bouton_grand
{
	height: 47px;
	line-height: 47px;
  font: 700 16px/47px "Lato", sans-serif;
	padding: 0 40px;
}
.bouton_petit
{
	height: 20px;
	line-height: 20px;
  font: 700 14px "Lato", sans-serif;
	padding: 5px 15px 5px 15px;
}

/* MOBILE ---------------------------------------------------------------------------- */
@media all and (max-width: 980px) 
{
	.colonne 
	{
		display:table-row;
		width:100%;
	}
	.td_ordi        { display:none; }
}

/* PC -------------------------------------------------------------------------------- */
@media all and (min-width: 981px) 
{
	.colonne 
	{
		display:table-cell;
		width:50%;
	}
}