﻿/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body{margin:0px;background:#62cce6 url(../images-portail/bg-degrade.gif) repeat-x;text-align:center;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

.bold{font-weight:bold;}
.clear{clear:both;}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	div#global{
	position:relative;
	width:979px;
	text-align:left;
	margin:0 auto;
	word-spacing: normal;
	letter-spacing: normal;
}
	
	div#top, div#middle{float:left;width:979px;}
	
	div#bottom{float:left;width:977px;border:1px solid #a9e3f1;}
	
	
	/* top */
	div#top div#logo{float:left;width:312px;padding-top:14px;}
	div#top div#visu_carte{float:left;width:78px;padding-top:11px; margin-left:155px;}
	div#top>div#visu_carte{float:left;width:78px;padding-top:11px; margin-left:312px;} /* Hack IE rajouté par Philippe seulement compris par IE7 et FF */
	div#top div#tt_carte{float:left;width:91px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;font-weight:bold;line-height:15px;padding-top:18px;}
	div#top div#liens_carte{float:left;width:498px;font-size:11px;padding-top:20px;}
	div#top div#liens_carte a{font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;}
	
	
	/* middle */
	div#middle div.bloc{
	float:left;
	width:471px;
	height:485px;
	position:relative;
	background-image: url(../images-portail/bg-blocizq.gif);
	background-repeat: no-repeat;
}
	div#middle div#bloc_1{padding-right:37px;background:url(../images-portail/bg-blocizq.gif) no-repeat;}
	
	div#middle div#bloc_1 div.top_bloc img{margin-top:-7px;}
	
	div#middle div.bloc div.top_bloc{width:471px;height:64px; position:relative;}
	div#middle div.bloc div.top_bloc #idiomas{ position:absolute; top:5px; left:410px;}
	div#middle div.bloc div.top_bloc p.logo_bloc{float:left;width:175px;padding:20px 0 0 18px;}
	div#middle div.bloc div.top_bloc p.titre_bloc{float:left;width:278px;padding:26px 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;color:#666;font-weight:bold;}
	div#middle div.bloc div.top_bloc p.titre_bloc a{font-family:Verdana, Arial, Helvetica, sans-serif;color:#666;text-decoration:none;}
	div#middle div.bloc div.top_bloc p.titre_bloc a:hover{text-decoration:underline;}
	
	div#middle div.bloc div.bandeau_1{float:left;width:471px;height:192px;}
	div#middle div.bloc div.bandeau_1 p.visu{float:left;width:227px;padding:24px 0 0 22px;}
	div#middle div.bloc div.bandeau_1 div.texte{float:left;width:212px;padding:26px 10px 0 0;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_1{float:left;width:212px;padding-bottom:18px;font-size:15px;color:#f45f25;font-weight:bold;line-height:21px;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_2{float:left;width:123px;padding:0 15px 0 15px;font-size:12px;line-height:17px;background:url(../images-portail/bg-fleche.gif) no-repeat 1px 4px;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_2 a{font-family:Verdana, Arial, Helvetica, sans-serif;color:#666;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_3{float:left;width:59px;}
	
	div#middle div.bloc div.bandeau_2{float:left;width:471px;height:170px;}
	div#middle div.bloc div.bandeau_2 p.tt_bandeau_2{float:left;width:282px;height:26px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#00a6eb;font-weight:bold;}
	div#middle div.bloc div.bandeau_2 div.pub{float:left;width:282px;padding:0 0 0 16px;}
	div#middle div.bloc div.bandeau_2 div.liens{float:left;width:173px;}
	div#middle div.bloc div.bandeau_2 div.liens p.tt_bandeau_2{width:173px;}
	div#middle div.bloc div.bandeau_2 div.liens ul{float:left;width:149px;padding:8px 0 0 6px;background-color:#f9f9f9;}
	div#middle div.bloc div.bandeau_2 div.liens ul li{list-style:none;font-size:11px;line-height:13px;padding:0 10px 10px 13px;background:url(../images-portail/bg-fleche-2.gif) no-repeat 0px 3px;}
	div#middle div.bloc div.bandeau_2 div.liens ul li a{color:#666;}
	
	div#middle div.bloc div.bt_bloc{width:392px;padding:0 0 0 79px;}
	* html div#middle div.bloc div.bt_bloc{margin:-8px 0 0 0;}
	
	
	div#middle div#bloc_2 div.top_bloc{
	/* background-image: url(../images-portail/nuevo-animacion.gif); */
	background-repeat: no-repeat;
	background-position: right top;
}
	div#middle div#bloc_2 div.top_bloc p.logo_bloc{width:215px;padding-left:23px;}
	div#middle div#bloc_2 div.top_bloc p.titre_bloc{width:233px;}
	
	div#middle div#bloc_2 div.bandeau_1 div.texte p.txt_1{padding-bottom:4px;}
	
	div#middle div.bloc div.bandeau_1 div.texte p.txt_4{float:left;width:212px;font-size:12px;color:#666;line-height:15px;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_4 a{font-size:11px;color:#666;}
	div#middle div.bloc div.bandeau_1 div.texte p.txt_4 a.lk_sport{float:left;white-space:nowrap;padding:0 5px 0 10px;background:url(../images-portail/bg-fleche-2.gif) no-repeat 0px 3px;display:block;}
	
	div#middle div#bloc_2 div.bandeau_2 div.liens p.tt_bandeau_2{padding-bottom:6px;}
	
	div#middle div.bloc div.bandeau_2 div.liens p.plus_1, div#middle div.bloc div.bandeau_2 div.liens p.plus_2, div#middle div.bloc div.bandeau_2 div.liens p.plus_3, div#middle div.bloc div.bandeau_2 div.liens p.plus_4, div#middle div.bloc div.bandeau_2 div.liens p.plus_5{float:left;width:132px;font-size:11px;color:#666;line-height:12px;padding:0 0 10px 28px;}
	
	div#middle div.bloc div.bandeau_2 div.liens p.plus_1{background:url(../images-portail/bg-plus-1.gif) no-repeat;}
	div#middle div.bloc div.bandeau_2 div.liens p.plus_2{background:url(../images-portail/bg-plus-2.gif) no-repeat;}
	div#middle div.bloc div.bandeau_2 div.liens p.plus_3{background:url(../images-portail/bg-plus-3.gif) no-repeat;}
	div#middle div.bloc div.bandeau_2 div.liens p.plus_4{background:url(../images-portail/bg-plus-4.gif) no-repeat;}
	div#middle div.bloc div.bandeau_2 div.liens p.plus_5{background:url(../images-portail/bg-plus-5.gif) no-repeat;}
	
	
	/* bottom */
	div#bottom{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#fff;line-height:15px;padding:12px 0 14px 0;}
	div#bottom a{font-family:Verdana, Arial, Helvetica, sans-serif;color:#fff;}
	div#bottom span{font-family:Verdana, Arial, Helvetica, sans-serif;padding-bottom:4px;display:block;}
	
	div#bottom p.footer_1{float:left;width:466px;padding:0 110px 0 20px;}
	div#bottom p.footer_2{float:left;width:361px;padding:0 20px 0 0;}
	
	/*text*/
	.text_blue{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#39c; padding-top:5px;}
	.text_orange{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#FF6600; padding-top:5px;}
	#cont{ padding:10px; margin-top:8px; height:170px;}
	#ullink{list-style:none; padding:0; margin:15px 0 0 0;}
	* html #ullink{padding:0; margin:0;}
	#ullink li{float:left; width:214px; margin-left:14px;}
	* html #ullink li{float:left; width:214px; margin-left:8px;}
	#ullink li a{ text-decoration:none; color:#fff; line-height:14px; height:30px;}
	.search{ display:block; background:url(../images-portail/bg-bt-search.gif) no-repeat; padding:6px 5px 10px 60px; font-weight:bold; font-size:13px;}
	.bot{ display:block; background:url(../images-portail/bg-bt-fleche.gif) no-repeat; padding:10px 5px 10px 40px; font-weight:bold; font-size:13px;}
	.bot2{ display:block; background:url(../images-portail/bg-bt-fleche.gif) no-repeat; padding:5px 5px 10px 40px; font-weight:bold; font-size:13px;}
	.bot3{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/precio-azul-cat.gif); background-repeat: no-repeat;}
	.bot4{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/precio-baixa.gif); background-repeat: no-repeat;}
	.bot5{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-azul-catalogo.gif); background-repeat: no-repeat;}
	.bot6{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-deportes.gif); background-repeat: no-repeat;}
	.bot7{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-saldos-animado2.gif); background-repeat: no-repeat;}
	.bot12{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/innovacion-animado.gif); background-repeat: no-repeat;}
	.bot13{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-catalogo-bano.gif); background-repeat: no-repeat;}
	.bot14{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-fin-temporada.gif); background-repeat: no-repeat;}
	.bot15{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-azul-equipaciones.gif); background-repeat: no-repeat;}
	.bot16{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-azul-pontenforma.gif); background-repeat: no-repeat;}
	.bot17{ display:block; padding:10px 5px 10px 40px; font-weight:bold;	font-size:13px;	background-color: no; background-image: url(../images-portail/boton-vuelta-al-cole.gif); background-repeat: no-repeat;}

	.bot8{ display:block; background:url(../images-portail/boton-ygolf-cat.gif) no-repeat; padding:10px 5px 10px 40px; font-weight:bold; font-size:13px;}
	.bot9{ display:block; background:url(../images-portail/boton-semana.gif) no-repeat; padding:10px 5px 10px 40px; font-weight:bold; font-size:13px;}
	.bot10{ display:block; background:url(../images-portail/boton-bajada-cat.gif) no-repeat; padding:10px 5px 10px 40px; font-weight:bold; font-size:13px;}
	.bot11{ display:block; background:url(../images-portail/bot-facebook-cat.gif) no-repeat; padding:10px 5px 10px 40px; font-weight:bold; font-size:13px;}


	.clear{ clear:both;}
	#compra{position:absolute; left:83px; top:426px;}
	#flash{background:url(../images-portail/bg-flash.gif) bottom no-repeat; padding-bottom:10px;}
	#flash2{background:url(../images-portail/bg-flash.gif) bottom no-repeat; padding-bottom:10px;}
	#flash3{padding-bottom:0px;}
	#ullink li a:hover{filter:alpha(opacity=80);opacity:0.8;}
