@charset "UTF-8";
/* CSS Document */

body {
	background-color: #212121;
	margin: 0;
	padding: 0;
	align:center;
	/*text-align: center; /* pour corriger le bug de centrage IE */ 
}

img a
{
	border: none;
}
	
a
{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #888888;	
}

a:hover
{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;	
}

h1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color:#FFFFFF;
	font-weight: bolder;
}

h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}

h3
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: medium;
}

h4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	font-weight: lighter;
}

h5
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: lighter;
	font-style: italic;
}

/*references*/
mark
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
	background:#FF0000;
	padding:1px;
}
/*fin references*/

ul
{
  list-style-type: none;
  padding: 0;
  margin: 0;
} 

li
{
	background-image: url(images/puce-fleche-moyen.png);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 1.2em;
}

ul.menu_horizontal 
{
	list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

ul.icones li
{
	display : inline;
	padding-right:10px;
	padding-left:0px;
	margin-left:0px;
	background-image:none;
	list-style-type : none;
}

ul.menu-head li
{
	display : inline; 
	background-image:none; 
	list-style-type : none; 
	background-color:#333333;
	margin-left:1px; 
	padding-left:11px; 
	padding-right:11px; 
	margin-top:2px; 
	margin-bottom:3px;
}

.filet-sepa
{
	width: 100%;
	text-align:center;
	height: auto;
	/*
	background-color: #212121;
	*/
	margin-top:0px;
	margin-bottom:0px;
	clear:both;
}

.imgfloatright
{
	float:right;
	margin-left:20px;
}

.imgfloaleft
{
	float:left;
	margin-right:20px;
}

.fond-gris {
	width:960px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background-color:#333333;
}

.fond-gris-choix{
	width:894px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(images/fond-ombre-bloc.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color:#333333;
	padding-left:33px;
	padding-bottom:33px;
	padding-top:11px;
}

/* DEBUT EN TETE */
.container
{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-attachment: fixed;
	/*
	background-image: url(images/fond-1200-1.jpg);
	background-repeat: repeat-y;
	background-position: center;
	*/
	background-image: url(images/fond-1200-800.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.header
{
	float:left;
	height: 150px;
	width: 100%;
	background-image: url(images/fp-head.jpg);
	background-color: #000000;
	background-position: center;
	background-repeat: no-repeat;
}

.titre-argu-produit
{
	width: 427px;
	height:auto;
	margin: auto;
	padding-left: 33px;
	padding-right: 500px;
}

.lettrine:first-letter
{
	font-size:300%;
	float:left;
}

/* FIN EN TETE */

/* DEBUT COLONNES*/
.contenu
{
	height: auto;
	margin-left: auto; 
	margin-right: auto; 
	width: 960px;
}

.coltout
{
	height: auto;
	width: 894px;	
	textalign:left;
	margin-left:33px;
	margin-bottom:33px;
}


.colgauche
{
	float:left;
	height: auto;
	width: 276px;	
	textalign:left;
	margin-left:33px;
	margin-bottom:33px;
}

.colgauche-large
{
	float:left;
	height: auto;
	width: 585px;	
	textalign:left;
	margin-left:33px;
	margin-bottom:33px;
}

.coldroite
{
	float:right;
	height:100%;
	width:276px;
	margin-left:33px;
	margin-right:33px;
	margin-bottom:33px;
}

.colonnes-4
{
	float:left;
	height: auto;
	width: 200px;
	textalign:left;
	margin-rignt:31px;
}
/*FIN COLONNES*/

/* DEBUT MENU */
.menu
{
	float:left;
	height: auto;
	width:100%;
	text-align:center;
	background-color: #000000;
}
/* FIN MENU */

/* DEBUT FORMULAIRE */ 
.texte-blanc {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

.texte-demande {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
}

.texte-rubrique {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
}
/* FIN FORMULAIRE */

/* DEBUT FOOTER */
.footer
{
	float:left;
	width:100%;
	align:center;
	margin-top:20px;
	height: auto;
}

.txtfooter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2;
	color: #444444;	
}

.menufooter
{
	text-align:center;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2;
	color: #444444;	
}

ul.menufooter li
{
	display : inline;
	padding-left:10px;
	padding-right:10px;
	border-left-width: 1px;
	border-left-style: solid;
	background-image:none;
	list-style-type : none;
}

.footer-adresse
{
	width: 100%;
	margin-left: auto; 
	margin-right: auto;
}
/* FIN FOOTER */

/*DEBUT HEADER CHAQUE PRODUIT*/

.head-seau-chaine
{
	float:left;
	height: 360px;
	width: 100%;
	background-image: url(images/fp-chaine-seau_05.jpg);
	background-color: #0C3C54;
	background-position: center;
	background-repeat: no-repeat;
}

.head-grizzly
{
	float:left;
	height: 360px;
	width: 100%;
	background-image: url(images/fp-grizzly_05.jpg);
	background-color: #140E16;
	background-position: center;
	background-repeat: no-repeat;
}

.head-izievo
{
	float:left;
	height: 360px;
	width: 100%;
	background-image: url(images/fp-izi-evo_06.jpg);
	background-color: #140E16;
	background-position: center;
	background-repeat: no-repeat;
}

.head-just-one
{
	float:left;
	height: 360px;
	width: 100%;
	background-image: url(images/fp-just-one_06.jpg);
	background-color: #140E16;
	background-position: center;
	background-repeat: no-repeat;
}


/*FIN HEADER CHAQUE PRODUIT*/



/* Début TOOLTIP*/
a.tooltip {outline:none;}
/*style texte titre bulle*/
a.tooltip strong {line-height:auto;  font-family:Arial, Helvetica, sans-serif; font-size: medium; color:#FFFF00;}
a.tooltip em {line-height:auto;  font-family:Arial, Helvetica, sans-serif; font-size: x-small; color:#CCCCCC;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:10px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height: auto;
}
/*style texte normal bulle*/
a.tooltip:hover span{
    display:inline; position:absolute;
    border:1px solid #656565; background:#313131;
	font-family:Arial, Helvetica, sans-serif; font-size:small; color:#FFFFFF;
	}    
/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.9);
}
/* Fin TOOLTIP*/