@charset "utf-8";
/* CSS Document */
@import url("reset.css"); 

/*-------------------------------------------------------------------------------------------------------------------------------
    STYLES GENERAUX
---------------------------------------------------------------------------------------------------------------------------------*/

/*--LES ELEMENTS HTML--*/
	body { font-family:Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; background:#474646 url(../images/fr/000_general/f_body_accueil.jpg) repeat-x top left } /* type, taille, couleur de la police et couleur de fond du site*/
	p {	font-size:1em; color: #666666 } /* propriété général des paragraphe*/
	h1 { font-size:1em; } 
	h2 { font-size:1.2em; }
	h3 { font-size:1.2em; }
	h4 { font-size:1em; }
	h5{ font-size:0.8em; }
	h6 { font-size:0.8em; font-weight:normal; }
	a { color: #fff; text-decoration: none; } /* lien non visité général*/
	a:link { color: #fff; text-decoration: none; } /* lien non visité général*/
	a:visited { color:#fff; text-decoration: none; } /* lien visité général */
	a:hover { text-decoration:none; color:#EB2217 } /* lien possition dessus général*/
	a:active { text-decoration:none; color:#fff; } /* lien au clique général*/ 
	img a { border:0; }/* bord toutes images avec un lien */
	

/*--STYLES GENERAUX DE LA RUBRIQUE--*/
	/*voir aussi css base*/
	#conteneur_site {
	position:relative;
	width:1003px;/*largeur du site , largeur 991 avec marge 1003 sans marge*/
	margin:0 auto; /*largeur de l'aire de la marge d'une boîte (hauteur droite bas gauche)*/
	padding:0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	z-index:1;
	}
	#warper{
	position:relative;
	background:#1B1B1B url(../images/fr/000_general/f_accueil.jpg) no-repeat center top;
	}
	#adresse_accueil {
	text-align:center;
	color:#666; /*couleur*/
	font-size:11px; /*taille du caractère*/
	}
	#adresse_accueil a {
	color: #0081AB; /*couleur*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-decoration:none; /*décorations ajoutées à un texte*/
	}
	#adresse_accueil a:hover {
	color: #F7931E; /*couleur*/
	font-weight:bold; /*stye le graisse du caractère*/
	text-decoration: inherit; /*décorations ajoutées à un texte*/
	}
	#nav_panier_contact {
	position:absolute;
	top:0;
	right:10px;
	z-index:1256;
	width:172px;
	}
/*--------------------------------------------------------------------------------------------
	INDEX
-----------------------------------------------------------------------------------------------*/
	
	ul#list_pourquoi{
	position:absolute;
	top:241px;
	left:29px;
	z-index:102;
	width:172px;
	line-height:normal;
		margin-left:0;
	padding-left:0;
	list-style:none;
	}
	
	ul#list_qsn{
	position:absolute;
	top:197px;
	left:811px;
	z-index:103;
	width:172px;
	line-height:normal;
		margin-left:0;
	padding-left:0;
		list-style:none;
	}
	
	ul#list_infos{
	position:absolute;
	top:318px;
	left:811px;
	z-index:106;
	width:172px;
	line-height:normal;
		margin-left:0;
	padding-left:0;
		list-style:none;
	}
	ul#list_contact{
	position:absolute;
	top:424px;
	left:811px;
	z-index:104;
	width:172px;
	line-height:normal;
		margin-left:0;
	padding-left:0;
		list-style:none;
	}
	
	ul#list_pourquoi li, ul#list_qsn li, ul#list_contact li, ul#list_infos li{
	display:block;
	border-bottom: solid 1px #666;
	line-height:25px;
	font-size:11px;
	}
	ul#list_pourquoi li a, ul#list_qsn li a, ul#list_contact li a, ul#list_infos li a{
	display:block;
	}
	
	div#cl_centre_accueil{
	width:511px;
	margin:0 0 0 245px;
	line-height:normal;
	}
	ul.alerte{
	position:absolute;
	top:225px;
	left:550px;
	z-index:105;
	width:176px;
	margin:0;
	padding:0;
	list-style:none;
	height:90px;
	text-align:center;
	}
	ul.alerte li{
	font-weight:bold;
	font-size:12px;
	color:#ccc;
	line-height:17px;
	text-align:center;
	}

	#bnp_logo{
	position:absolute;
	bottom:-30px;
	left:720px;
	z-index:109;
	width: 169px;
	}
	



/*-------------------------------------------------------------------------------------------------------------------------------
LE PIED DE PAGE
---------------------------------------------------------------------------------------------------------------------------------*/
	#footer {
	height:42px;
	width:1003px;
	margin:0 auto;
	font-size:9px;
	clear:both;
	position:relative;
	text-align:left;
	}
	#footer ul{
	display:block;
	float:left;
	width:670px;
	padding:7px 5px 5px 5px;
	margin:0;
	}
	#footer li{
	display:inline;	
	margin: 0; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	padding: 0 0 0 5px; /*espace entre le contenu de l'élément et ses quatres bords (hauteur droite bas gauche)*/
	color:#999999;
	}
	#footer li a{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color: #999999; /*couleur*/
	}
	#footer li a:hover{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#EB2217; /*couleur*/
	}
	#footer li a.select_rub{/* sélection de la rubrique active*/
	text-decoration:none; 
	font-weight:bold;
	color: #EB2217; 
	}
	.select-n-bas{
	text-decoration:none; /*décorations ajoutées à un texte*/
	color:#666; /*couleur*/
	font-size:18px; /*taille du caractère*/
	font-weight:bold; /*stye le graisse du caractère*/
	}
	#footer div.benefice-net {
	position:absolute;
	top:12px;
	right:10px;
	}
	div.cache { display:none; }
	div#tag { display:none; }	
	
	/*EVOLUTION 2010*/
	h1#intro_accueil { display:block; position:absolute; top:200px; left:260px; color:#FFFFFF; font-size:12px; font-weight:normal; height:50px; width:250px; margin:0; padding:0; line-height:16px; }
	div#nos_solutions_accueil { display:block; position:absolute; top:260px; left:260px; width:172px; height:53px; margin:0; padding:0; }

	ul#acces_catalogue_accueil { display:block; position:relative; width:509px; height:auto; margin:170px 0 0 0; padding:0; list-style-type:none; background:url(../images/fr/000_general/fond_produit.jpg) no-repeat 0 0; padding:20px; }
	ul#acces_catalogue_accueil li { display:block; float:left; width:230px; height:46px; margin:3px 0; padding:0; list-style-type:none; color:#ccc; font-size:11px; font-weight:normal; height:46px; line-height:15px; padding:5px 0 0 0; vertical-align:middle; }
	ul#acces_catalogue_accueil li a { color:#999; font-size:11px; font-weight:normal; }	
	ul#acces_catalogue_accueil li a:hover { color:#999; }
	ul#acces_catalogue_accueil li span { color:#fff; font-weight:bold; font-size:13px; }	
	ul#acces_catalogue_accueil li:hover span { color:#FF0000; }
	ul#acces_catalogue_accueil li img { float:left; margin:0 10px auto 10px; }	



/*	ul#acces_catalogue_accueil { display:block; position:relative; width:511px; height:auto; margin:170px 0 0 0; padding:0; list-style-type:none; }
	ul#acces_catalogue_accueil li { width:511px; height:46px; margin:3px 0; padding:0; list-style-type:none; background:url(../images/fr/000_general/acces_accueil.jpg) no-repeat top left; color:#ccc; font-size:11px; font-weight:normal; height:46px; line-height:15px; padding:5px 0 0 0; vertical-align:middle; }
	ul#acces_catalogue_accueil li a { color:#ccc; font-size:11px; font-weight:normal; }	
	ul#acces_catalogue_accueil li a:hover { color:#ccc; }
	ul#acces_catalogue_accueil li span { color:#fff; font-weight:bold; font-size:13px; }	
	ul#acces_catalogue_accueil li img { float:left; margin:0 10px auto 10px; }	
	ul#acces_catalogue_accueil li:hover {background:url(../images/fr/000_general/acces_accueil_f2.jpg) no-repeat top left; }
*/