Font Awesome icon usage statistics

  • 35 types of Font Awesome iconic font are used and found 74 times in total.
  • NUTRIMUSCLE.COM used 2.1 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of NUTRIMUSCLE.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • NUTRIMUSCLE.COM includes "https://www.nutrimuscle.com/css/main.css?1425302411" to use Font Awesome and information from CSS is like below.
  • @font-face {
        font-family: 'Nutri-webfont';
        src: url('fonts/nutri-webfont.eot'); /* IE9 Compat Modes */
        src: url('fonts/nutri-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
             url('fonts/nutri-webfont.woff') format('woff'), /* Modern Browsers */
             url('fonts/nutri-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
             url('fonts/nutri-webfont.svg') format('svg'); /* Legacy iOS */
        }
    /* @font-face {
    	font-family: 'Nutri-webfont';
    	src: url('fonts/nutri-webfont.eot') format('eot'),
         /*url('fonts/nutri-webfont.otf') format('truetype'), 
         url('fonts/nutri-webfont.woff') format('woff'),
         url('fonts/nutri-webfont.svg') format('svg');
    }
     */
    article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    	display: block;
    }
    mark, rp, rt, ruby, summary, time {
    	display: inline;
    }
    /* ==================== Global ==================== */
    html {
    	width: 100%;
    }
    body {
    	font-family: "Arial", Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: normal;
    	width: 100%;
    	/*min-width:1236px;*/
    	/*padding-top:50px;*/
    	margin: 50px 0px 0px 0px;
    	background: #000;
    }
    /*----------------------LINK----------------------------------------------------*/
    /* divider */
    .divider5 { clear: both; height: 5px;}
    .divider15 { clear: both; height: 15px;}
    .divider30 { height: 30px;}
    .divider60 { height: 60px;}
    /* ==========LOADING-CONTENT-WHITE&BLUE============================== */
    /* Absolute Center CSS Spinner */
    #loading {
    	  position:absolute;
    	  z-index: 999997;
    	  height: 100%;
    	  width: 680px !important;
    	  overflow: show;
    	  top: 40px;
    	  left:0;
    	  background-color: rgba(255,255,255,0.9);
    }
    #loading img{
    	z-index: 9998;
    	margin-bottom: 10px;
    }
    .text_loading{
    	  position:relative;
    	  text-align:center;
    	  top: 150px;
    	  left:35%;
    	  color:#464646;
          font-size:13px;
    	  text-transform:uppercase;
          font-weight: bold;	
    	  width: 180px;
    	  height: 85px;
    	  padding:10px;
    	  
    }
    /* =========END-LOADING-CONTENT-WHITE&BLUE=========================== */
    /* =========PLACEHOLDER-GLOBAL============================== */
    input[placeholder], [placeholder], *[placeholder] {font-size: 12px !important;}
    /* =========END-PLACEHOLDER-GLOBAL========================== */
    /*--------------SURLIGNE-------------*/
    .link-animated-surligne a {
    	color: #556665;
    	border-bottom: 1px solid #0199ec;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    }
    .link-animated-surligne a:hover {
    	border-bottom: 1px solid #0199ec;
    	color: #0199ec;
    }
    /*-------------ANIMATE-PADDING-LEFT------------*/
    .link-animated-paddingleft a {
    	font-weight: bold;
    	font-family: Arial, Helvetica, sans-serif;
    	color: #0199ec;
    	margin: 5px;
    	text-decoration: none;
    }
    .link-animated-paddingleft a:hover {
    	background: transparent;
    	color: #363636;
    	padding: 2px;
    	padding-left: 3px;
    	border-bottom: 0px solid #0199ec;
    	text-decoration: none;
    } 
    /*-------------SURLIGNE-------------*/
    .link-animated-surligne a {
    	color: #556665;
    	border-bottom: 1px solid #0199ec;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    }
    .link-animated-surligne a:hover {
    	border-bottom: 1px solid #0199ec;
    	color: #0199ec;
    }
    .link_noir {
    	color: #363636;
    }
    .link_noir_vers_blanc {
    	color: #363636;
    	padding-top: 5px;
    }
    .link_noir_vers_blanc:hover {
    	color: #fff;
    	border-bottom: 0px solid #fff;
    }
    .link_noir_vers_bleu {
    	color: #363636;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: regular;
    	line-height: 17px;
    }
    .link_noir_vers_bleu:hover {
    	color: #006aa3;
    	border-bottom: 0px solid #d0d0d0;
    }
    .link_noir_vers_bleu_bold {
    	color: #363636;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_noir_vers_bleu_bold:hover {
    	color: #0199ec;
    	border-bottom: 0px solid #d0d0d0;
    }
    .link_bleu_vers_noir_bold {
    	color: #0199ec;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_bleu_vers_noir_bold:hover {
    	color: #363636;
    	border-bottom: 0px solid #d0d0d0;
    }
    .link_vert_vers_vert_foncer {
    	color: #1c8f02;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_vert_vers_vert_foncer:hover {
    	color: #157000;
    	border-bottom: 1px solid #157000;
    }
    .link_bleu_vers_noir {
    	color: #006aa3;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_bleu_vers_noir:hover {
    	color: #0199ec;
    	border-bottom: 1px solid #0199ec;
    }
    .link_bleu_vers_noir_suite {
    	background: transparent;
    	color: #006aa3;
    	padding: 3px 0px 0px 0px;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_bleu_vers_noir_suite:hover {
    	background: transparent;
    	color: #0199ec;
    	border-bottom: 1px solid #0199ec;
    }
    .link_bleu_vers_noir_tableau {
    	color: #006aa3;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	line-height: 17px;
    }
    .link_bleu_vers_noir_tableau:hover {
    	color: #0199ec;
    	border-bottom: 0px solid #0199ec;
    }
    .link_bleu_vers_noir_tableau_utilisation {
    	color: #006aa3;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 11px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_bleu_vers_noir_tableau_utilisation:hover {
    	color: #0199ec;
    	border-bottom: 0px solid #0199ec;
    }
    .link_bleu_vers_noir_surligne {
    	color: #0199ec;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 13px;
    	font-weight: bold;
    	padding: 1px;
    }
    .link_bleu_vers_noir_surligne:hover {
    	color: #363636;
    	border-bottom: 1px solid #d0d0d0;
    }
    .link_bleu_vers_noir_titre_bleu {
    	text-align: center;
    	color: #0199ec;
    	font-family: Arial, Helvetica, sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	line-height: 17px;
    }
    .link_bleu_vers_noir_titre_bleu:hover {
    	color: #363636;
    	border-bottom: 0px solid #d0d0d0;
    }
    .link_blanc_sousligne{
    	color: #fff;
    	border-bottom: 1px solid #d0d0d0;
    }
    .link_blanc_sousligne:hover{
    	color: #0199ec;
    	border-bottom: 1px solid #0199ec;
    }
    .link_noir_ancre{
    	color: #000;
    }
    .link_noir_ancre:hover{
    	color: #000;
    }
    /*--------------------END--LINK----------------------------------------------------*/
    /* ================Css-onglets-ACCUEIL-test-news-info-etudes======================================== */
    .bg1 {
    	width: 1000px;
    	padding-top: 1px;
    	background: #fefefe;
    	margin: 0 auto;
    	position: relative;
    	border-left: 11px solid #0199ec;
    	border-right: 11px solid #0199ec;
    	/*
    				box-shadow:     0px 0px 170px 160px #000;
    	*/
    	;
    }
    .main {
    	width: 960px;
    	padding: 0;
    	margin: 0 auto;
    	line-height: 19px;
    }
    .main-left {
    	float: left;
    	width: 660px;
    	line-height: 19px;
    	border: 0px solid #000;
    }
    .main-right {
    	float: right;
    	max-width: 250px;
    	width: 250px;
    	height: auto;
    	padding-left: 15px;
    	padding-right: 10px;
    	margin-right: 5px;
    	margin-left: 5px;
    	line-height: 19px;
    	border-left: 1px solid #afafaf;
    }
    a {
    	color: #1799cf;
    	text-decoration: none;
    }
    a:hover {
    }
    p {
    	margin-bottom: 19px;
    }
    .fright {
    	float: right;
    }
    /*********************************header*************************************/
    header {
    	width: 100%;
    	position: relative;
    	z-index: 2;
    }
    h1 {
    	float: left;
    	padding: 4px 0 0 3px;
    	position: relative;
    }
    /*
    h2 span {
    	display: block;
        float: right;
        height: 21px;
        margin-right: 15px;
        margin-top: 7px;
        width: 23px;
    	background:url(../images/tab-li1.png) no-repeat 0 -65px;
    }*/
    /*
    h3 {
    	font-family: 'Arial', sans-serif;
    	line-height:1.2em;
    	font-size:18px;
    	color:#222222;
    	margin-bottom: 10px;
    	font-weight:normal;
    }
    h4 {
    	font-family: 'Arial', sans-serif;
    	line-height:1.2em;
    	font-size:21px;
    	text-transform:uppercase;
    	color:#222222;
    	letter-spacing:-1px;
    	margin-bottom: 29px;
    	font-weight:normal;
    }
    */
    /*h5 {
    	font-family: 'Arial', sans-serif;
    	line-height:1.2em;
    	font-size:18px;
    	text-transform:uppercase;
    	color:#222222;
    	letter-spacing:-1px;
    	margin-bottom: 13px;
    	font-weight:normal;
    }*/
    /*********************************content*************************************/
    #content {
    	width: 930px;
    	padding: 15px;
    	padding-top: 30px;
    	padding-bottom: 10px;
    	margin: 20px;
    	position: relative;
    	z-index: 1;
    	background-color: #f5f5f5;
    	overflow: hidden;
    	background-color: #fff;
    	overflow: hidden;
    	border: 0px solid #787878;
    	border-radius: 8px;
    }
    #footer_icones {
    	width: 100%;
    	height: 30px;
    	padding: 15px 0px 15px 0px;
    	background-color: #e5e5e5;
    	border-top: 1px solid #8f8f8f;
    	text-align: center;
    	margin: 0px 0px 0px 0px;
    	position: relative;
    }
    /****************************DESCRIPTION-SURVOL************************/
    [class*=descriptionsurvol] {
    	position: relative;
    	display: inline-block;
    }
    [class*=descriptionsurvol]:before,[class*=descriptionsurvol]:after {
    	position: absolute;
    	visibility: hidden;
    	opacity: 0;
    	z-index: 1000;
    	-webkit-transition: .3s ease;
    	transition: .3s ease;
    }
    [class*=descriptionsurvol]:hover:before,[class*=descriptionsurvol]:hover:after {
    	visibility: visible;
    	opacity: 1;
    }
    [class*=descriptionsurvol]:before {
    	content: '';
    	position: absolute;
    	background: transparent;
    	border: 7px solid transparent;
    	z-index: 1000001;
    	margin-left: -6px;
    }
    [class*=descriptionsurvol]:after {
    	content: attr(alt);
    	background: #383838;
    	color: #fff;
    	text-shadow: 0 -1px 0 black;
    	padding: 8px 10px;
    	font-size: 13px;
    	line-height: 12px;
    	white-space: nowrap;
    	box-shadow: 0px 1px 6px #414141;
    }
    .descriptionsurvol-top:before {
    	border-top-color: #383838;
    }
    .descriptionsurvol-bottom:before {
    	border-bottom-color: #383838;
    }
    .descriptionsurvol-left:before {
    	border-left-color: #383838;
    }
    .descriptionsurvol-right:before {
    	border-right-color: #383838;
    }
    .descriptionsurvol-bottomaccueil:before {
    	border-bottom-color: #383838;
    }
    .descriptionsurvol-bottomsocial:before {
    	border-bottom-color: #383838;
    }
    .descriptionsurvol-fournisseurs:before {
    	border-bottom-color: #383838;
    }
    .descriptionsurvol-top:before {
    	margin-bottom: -12px;
    }
    .descriptionsurvol-top:after {
    	margin-left: -25px;
    }
    .descriptionsurvol-top:before,.descriptionsurvol-top:after {
    	bottom: 95%;
    	left: 48%;
    }
    .descriptionsurvol-top:hover:before,.descriptionsurvol-top:hover:after {
    	-webkit-transform: translateY(-8px);
    	transform: translateY(-8px);
    }
    .descriptionsurvol-bottom:before {
    	margin-top: -12px;
    }
    .descriptionsurvol-bottom:after {
    	margin-left: -18px;
    }
    .descriptionsurvol-bottom:before,.descriptionsurvol-bottom:after {
    	top: 100%;
    	left: 50%;
    }
    .descriptionsurvol-bottom:hover:before,.descriptionsurvol-bottom:hover:after {
    	-webkit-transform: translateY(8px);
    	transform: translateY(8px);
    }
    .descriptionsurvol-bottomaccueil:before {
    	margin-top: -12px;
    }
    .descriptionsurvol-bottomaccueil:after {
    	margin-left: -18px;
    }
    .descriptionsurvol-bottomaccueil:before,.descriptionsurvol-bottomaccueil:after {
    	top: 100%;
    	left: 50%;
    }
    .descriptionsurvol-bottomaccueil:hover:before,.descriptionsurvol-bottomaccueil:hover:after {
    	-webkit-transform: translateY(8px);
    	transform: translateY(8px);
    }
    .descriptionsurvol-bottomsocial:before {
    	margin-top: -12px;
    }
    .descriptionsurvol-bottomsocial:after {
    	margin-left: -18px;
    }
    .descriptionsurvol-bottomsocial:before,.descriptionsurvol-bottomsocial:after {
    	top: 105%;
    	left: 50%;
    }
    .descriptionsurvol-bottomsocial:hover:before,.descriptionsurvol-bottomsocial:hover:after {
    	-webkit-transform: translateY(8px);
    	transform: translateY(8px);
    }
    .descriptionsurvol-fournisseurs:before {
    	margin-top: -13px;
    	margin-left: 35px;
    }
    .descriptionsurvol-fournisseurs:after {
    	margin-left: -20px;
    }
    .descriptionsurvol-fournisseurs:before,.descriptionsurvol-fournisseurs:after {
    	top: 34%;
    }
    .descriptionsurvol-fournisseurs:hover:before,.descriptionsurvol-fournisseurs:hover:after {
    	-webkit-transform: translateX(-8px);
    	transform: translateX(-8px);
    }
    .descriptionsurvol-right:before {
    	margin-left: -12px;
    	margin-bottom: -6px;
    }
    .descriptionsurvol-right:after {
    	margin-bottom: -14px;
    }
    .descriptionsurvol-right:before,.descriptionsurvol-right:after {
    	left: 100%;
    	bottom: 50%;
    }
    .descriptionsurvol-right:hover:before,.descriptionsurvol-right:hover:after {
    	-webkit-transform: translateX(8px);
    	transform: translateX(8px);
    }
    .descriptionsurvol-left:before {
    	margin-right: -12px;
    	margin-bottom: -6px;
    }
    .descriptionsurvol-left:after {
    	margin-bottom: -14px;
    }
    .descriptionsurvol-left:before,.descriptionsurvol-left:after {
    	right: 100%;
    	bottom: 50%;
    }
    .descriptionsurvol-left:hover:before,.descriptionsurvol-left:hover:after {
    	-webkit-transform: translateX(-8px);
    	transform: translateX(-8px);
    }
    /**************************END-DESCRIPTION-SURVOL************************/
    /*
    */
    /*----------------------------------------FOOTER----------------------------------------*/
    footer {
    	z-index: 0;
    	position: absolute;
    	width: 100%;
    	padding: 9px 0 9px;
    	border-top: 1px solid #ffffff;
    	border-bottom: 0px solid #000;
    	background-color: #212121;
    	background-image: linear-gradient(bottom, rgb(0,0,0) 22%, rgb(33,33,33) 82%);
    	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(33,33,33) 82%);
    	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(33,33,33) 82%);
    	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(33,33,33) 82%);
    	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 22%, rgb(33,33,33) 82%);
    	background-image: -webkit-gradient(
    	linear,
    	left bottom,
    	left top,
    	color-stop(0.22, rgb(0,0,0)),
    	color-stop(0.82, rgb(33,33,33))
    );
    }
    footer a {
    	font-size: 11px;
    	color: #aaa9a9;
    	text-decoration: none;
    }
    footer a:hover {
    	color: #019aec;
    }
    footer .fright {
    	font-size: 11px;
    	color: #aaa9a9;
    }
    .footer-menu {
    	overflow: hidden;
    }
    .footer-menu li {
    	float: left;
    	margin-right: 16px;
    }
    .footer-menu li a {
    	font-size: 11px;
    	text-decoration: none;
    	color: #aaa9a9;
    }
    .footer-menu li a:hover {
    	color: #019aec;
    }
    /*----------footer-icones--------------*/
    #footer_icones span {
    	font-size: 23px;
    	text-decoration: none!important;
    	color: #666666;
    	padding: 6px;
    	margin: 0px 0px 0px 0px;
    	border: 1px solid transparent;
    	background: transparent;
    }
    #footer_icones span:hover {
    	color: #303030;
    }
    /*-------Accordeon--produits-associes--FAM------------------*/
    section {
    	display: block;
    }
    /* -------rectangle-list---------------- */
    ol {
    	counter-reset: li;
    	list-style: none;
    	*list-style: decimal;
    	font: 13px 'trebuchet MS', 'lucida sans';
    	padding: 0;
    	margin-bottom: -30px;
    	text-shadow: 0 1px 0 rgba(255,255,255,.5);
    }
    /*------------------------MESSAGE-BOX-DIV------------------------*/
    /*------------------------MESSAGE-BOX-DIV------------------------*/
    #messageBox {
    	position: fixed;
    	top: 50px;
    	/*top: 45px;*/
    	width: auto;
    	max-width:800px;
    	z-index: 0;
    	border: 0px solid #fff;
    	z-index: 999991;
    }
    #info, #success, #warning, #error, #download, #validation {
    	font-weight: bold;
    	border: 0px solid #000; 
    	margin-left: 7px;
    	padding-top: 7px;
    	padding-bottom: 7px;
    	padding-left: 30px;
    	padding-right: 5px;
    	background-repeat: no-repeat;
    	background-position: 10px center;
    	font: 14px, Helvetica, Arial, sans-serif;
    	text-align: center;
    	width: 100%;
    	box-shadow: 0px 0px 3px #000;
    	-webkit-border-radius: 6px;
    		-moz-border-radius: 6px;
    			border-radius: 6px;
    }
    #messageBox.divmessagebox01 {
    }
    .divmessagebox01 {
    	display: inline-block;
    	margin-top: 5px;
    	height: auto;
    	width: auto;
    	text-align: center;
    	vertical-align: middle;
    	z-index: 0;
    	border: 0px solid #c3c3c3;
    	display: block;
    }
    .divmessagebox01list {
    	position: relative;
    	min-width: 500px;
    	height: auto;
    	text-align: left;
    	vertical-align: middle;
    }
    .divmessagebox02list {
    	position: absolute;
    	display: inline-block;
    	text-align: center;
    	width: auto;
    }
    #info {
    	color: #fefefe;
    	font-size: 13px;	
    	background-color: #2fa9f6;
    	background-image: url('../images/messagebox/info.png');
    }
    #success {
    	color: #fefefe;
    	font-size: 13px;
    	background-color: #7EB62E;
    	background-image: url('../images/messagebox/success.png');
    }
    #warning {
    	color: #fff;
    	font-size: 13px;
    	background-color: #fd8b3e;
    	background-image: url('../images/messagebox/notice.png');
    }
    #error {
    	color: #fefefe;
    	font-size: 13px;
    	background-color: #f64b2f;
    	background-image: url('../images/messagebox/error.png');
    }
    #download {
    	color: #fefefe;
    	font-size: 13px;
    	background-color: #a555ca;
    	background-image: url('../images/messagebox/download.png');
    }
    #infocookie {
    	text-align: right;
    	padding-right: 40px;
    }
    #infocookie a {
    	color: #1d1d1d;
    	font-size: 12px;
    	font-weight: bold;
    }
    #infocookie a:hover {
    	color: #1d1d1d;
    	border-bottom: 1px solid #1d1d1d;
    }
    a.close {
    	background: url("../images/messagebox/alert_close_button.png") no-repeat scroll left top transparent;
    	clear: both;
    	display: block;
    	width: 17px;
    	height: 18px;
    	position: relative;
    	text-indent: -9999px;
    	margin: -4px 0px 0px 0px;
    	cursor: pointer;
    	float: right;
    }
    /* bouton black messagebox*/
    .boutonmessagebox {
    	width:auto; 
    	text-align:center;
    	float:left; 
    	margin:5px 0px 5px 75px;
    	padding:5px 10px 5px 10px;
    	font-size: 1.6em; 
    	border-radius:4px; 
    	box-shadow: 0 2px 3px 0px rgba(0,0,0,0.3);
    	font-size: 0.85em;
    	color:#fff; 
    	text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.5);
    	}	
    .boutonmessagebox.medium{font-size: 0.9em; width:auto}
    .boutonmessagebox.noir, .boutonmessagebox.noir:active { 
    	background: #444; 
    	background: linear-gradient( #555, #2C2C2C);
    	background: -webkit-linear-gradient( #555, #2C2C2C); 
    	background: -moz-linear-gradient( #555, #2C2C2C); 
    	background: -ms-linear-gradient( #555, #2C2C2C); 
    	background: -o-linear-gradient( #555, #2C2C2C); 
    	background: linear-gradient( #555, #2C2C2C);
    	}
    .boutonmessagebox.noir:hover {
    	background: #555;
    	background: -webkit-linear-gradient( #777, #333);
    	background: -moz-linear-gradient( #777, #333);
    	background: -ms-linear-gradient( #777, #333);
    	background: -o-linear-gradient( #777, #333);
    	background: linear-gradient( #777, #333);	
    	}	
    .boutonmessagebox.noir:active{box-shadow: 1px 1px 10px #000 inset, 0 1px 0 rgba( 255, 255, 255, 0.4);}
    /*---------------------END---MESSAGE-BOX-DIV------------------------*/
    /*---button-list-articles----------*/
    #steparticles {
    	float: left;
    	text-align: center;
    	width: 640px;
    	border: 0px solid #009ee0;
    	margin: 1em;
    }
    #steparticles .button {
    	display: inline-block;
    	white-space: nowrap;
    	background: #e2e2e2;
    	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    	border: 1px solid #777;
    	padding: 5px;
    	margin-top:-10px;
    	padding-left: 10px;
    	padding-right: 10px;
    	letter-spacing: -0px;
    	margin: 0.2em;
    	font: bold 13px Arial, Helvetica;
    	text-decoration: none;
    	color: #333;
    	box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset, 0 1px 0 rgba(0,0,0,.3);
    }
    #steparticles .button:hover {
    	cursor: pointer;
    	font-weight: bold;
    	color: #fff;
    	text-shadow: 0 1px black;
    	position: relative;
    	padding: 5px;
    	padding-left: 10px;
    	padding-right: 10px;
    	letter-spacing: -0px;
    	margin: 0.2em;
    	border: 1px solid #000;
    	background: #3b679e;
    	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
    	;
    }
    #steparticles .button:active {
    	cursor: pointer;
    	font-weight: bold;
    	color: #fff;
    	text-shadow: 0 1px black;
    	position: relative;
    	padding: 5px;
    	padding-left: 10px;
    	padding-right: 10px;
    	letter-spacing: -0px;
    	margin: 0.2em;
    	border: 1px solid #000;
    	background: #3b679e;
    	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
    	;	
    }
    .buttonactive
    {
    	display: inline-block;
    	white-space: nowrap;
    	background: #3b679e; 
    	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
    	border: 1px solid #000;
    	padding: 5px;
    	padding-left: 10px;
    	padding-right: 10px;
    	letter-spacing:-0px;
    	margin: 0.2em;
    	font: bold 13px Arial, Helvetica;
    	text-decoration: none;
    	color: #fff;
    	text-shadow:0 1px black;
    	-moz-border-radius: .2em;
    	-webkit-border-radius: .2em;
    	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset, 0 1px 0 rgba(0,0,0,.3);
    	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset, 0 1px 0 rgba(0,0,0,.3);
    	box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset, 0 1px 0 rgba(0,0,0,.3);
    }
    /*---END-button-list-articles----------*/	
    /* ---------------SELECT-OPTION--------------------------------------------*/
    select {
    	font-family: Arial;
    	font-size: 12px;
    	color: #000;
    	font-style: normal;
    	text-align: center;
    	min-width: 120px;
    	background: #f4f4f4;
    	border: 1px solid #686868;
    	padding: 3px 3px 3px 10px;
    	border-radius: 4px 4px 4px 4px;
    	cursor:pointer;
    }
    option {
    	font-family: Arial;
    	font-size: 12px;
    	color: #000;
    	font-style: normal;
    	text-align: center;
    	background: #e7e7e7;
    	border: 1px solid #fff;
    	padding: 0px 0px 0px 0px;
    	cursor: pointer;
    }
    optgroup {
    	font-family: Arial;
    	font-size: 12px;
    	color: #f4f4f4;
    	padding: 5px 3px 5px 3px;
    	font-style: normal;
    	text-align: left;
    	background: #a5a5a5;
    	border-bottom: 0px solid #454545;
    }
    .optiongroupuppercase {
    	text-transform: uppercase;
    }
    @keyframes cf3FadeInOut {
    	0% {
    		opacity: 1;
    	}
    	45% {
    		opacity: 1;
    	}
    	55% {
    		opacity: 0;
    	}
    	100% {
    		opacity: 0;
    	}
    }
    /* ----------CHEMIN-DE_PAGES--------------------------------- */
    	
    #chemin-one {
    	background: #f7f7f7;
    	border-width: 1px;
    	border-style: solid;
    	border-color: #e4e4e4 #e4e4e4 #e4e4e4;
    	border-radius: 5px;
    	overflow: hidden;
    	width: 98%;
    	font-family: "Arial", Helvetica, sans-serif;
    	font-size: 13px;
    	z-index: 50;
    	margin-top: -20px;
    	margin-bottom: 30px;
    	margin-left: 10px;
    	margin-right: 10px;
    }
    #chemin-one li {
    	float: left;
    }
    #chemin-one a {
    	padding: .3em 1em .2em 2em;
    	float: left;
    	text-decoration: none;
    	color: #444;
    	position: relative;
    	text-shadow: 0 1px 0 rgba(255,255,255,.5);
    	background-color: #e9e8e8;
    	background-image: -webkit-gradient(linear, left top, right bottom, from(#f5f5f5), to(#e9e8e8));
    	background-image: -webkit-linear-gradient(left, #f5f5f5, #e9e8e8);
    	background-image: -moz-linear-gradient(left, #f5f5f5, #e9e8e8);
    	background-image: -ms-linear-gradient(left, #f5f5f5, #e9e8e8);
    	background-image: -o-linear-gradient(left, #f5f5f5, #e9e8e8);
    	background-image: linear-gradient(to right, #f5f5f5, #e9e8e8);
    }
    #chemin-one li:first-child a {
    	padding-left: 1em;
    	border-radius: 5px 0 0 5px;
    }
    #chemin-one a:hover {
    	background: #fff;
    	color: #009ee0;
    }
    #chemin-one a::after,
    	#chemin-one a::before {
    	content: "";
    	position: absolute;
    	top: 50%;
    	margin-top: -1.5em;
    	border-top: 1.5em solid transparent;
    	border-bottom: 1.5em solid transparent;
    	border-left: 1em solid;
    	right: -1em;
    }
    #chemin-one a::after {
    	z-index: 2;
    	border-left-color: #e9e8e8;
    }
    #chemin-one a::before {
    	border-left-color: #dcd9d9;
    	right: -1.1em;
    	z-index: 1;
    }
    #chemin-one a:hover::after {
    	border-left-color: #fff;
    }
    /*
    #chemin-one .current {min-width:1000px;}
    */
    #chemin-one .current,
    	#chemin-one .current:hover {
    	font-weight: bold;
    	background: none;
    }
    #chemin-one .current::after,
    	#chemin-one .current::before {
    	content: normal;
    }
    /* -------END---CHEMIN-DE_PAGES--------------------------------- */
    /*-----------------back-to-top--------------------*/
    .go-top {
    	position: fixed;
    	bottom: 1.3em;
    	right: 0.1em;
    	text-decoration: none;
    	color: #686868;
    	background-color: transparent;
    	font-size: 35px;
    	padding: 0em;
    	display: none;
    	transition: all .3s ease;
    	-webkit-transition: all .3s ease;
    	z-index: 0;
    }
    .go-top:hover {
    	color: #9d9d9d;
    }
    /*--------------END---back-to-top--------------------*/
    /* ---------------------FANCYBOX--------------------------------- */
    .fancybox-wrap,
    .fancybox-skin,
    .fancybox-outer,
    .fancybox-inner,
    .fancybox-image,
    .fancybox-wrap iframe,
    .fancybox-wrap object,
    .fancybox-nav,
    .fancybox-nav span,
    .fancybox-tmp {
    	padding: 0;
    	margin: 0;
    	border: 0;
    	outline: none;
    	vertical-align: top;
    }
    .fancybox-wrap {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 2147483600;
    }
    .fancybox-skin {
    	position: relative;
    	background: #fff;
    	color: #444;
    	text-shadow: none;
    	border: 1px solid #f0f0f0;
    }
    .fancybox-opened {
    	z-index: 2147483600;
    }
    .fancybox-opened .fancybox-skin {
    	padding: 0;
    		/*
    				box-shadow:     3px 3px 50px 4px #000;
    		*/
    	;
    }
    .fancybox-outer, .fancybox-inner {
    	position: relative;
    	overflow: hidden;
    }
    .fancybox-inner {
    	overflow: hidden;
    }
    .fancybox-type-iframe .fancybox-inner {
    	-webkit-overflow-scrolling: touch;
    	overflow: hidden;
    }
    .fancybox-error {
    	font: 16px "Arial",Helvetica,Arial,sans-serif;
    	text-align: center;
    	font-weight: bold;
    	line-height: 24px;
    	margin: 0px;
    	padding: 30px;
    	color: #fefefe;
    	background: #f64b2f url(../images/pattern/patternred.png) repeat top left;
    	white-space: nowrap;
    }
    .fancybox-image, .fancybox-iframe {
    	display: block;
    	width: 100%;
    	height: 100%;
    }
    .fancybox-iframe img {
    	width: 100%;
    	height: 100%;
    }
    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    	background-image: url('../images/fancybox/fancybox_sprite.png');
    }
    #fancybox-loading {
    	position: fixed;
    	top: 50%;
    	left: 50%;
    	margin-top: -22px;
    	margin-left: -22px;
    	background-position: 0 -108px;
    	opacity: 0.8;
    	cursor: pointer;
    	z-index: 2147483600;
    }
    #fancybox-loading div {
    	width: 44px;
    	height: 44px;
    	background: url('../images/fancybox/fancybox_loading.gif') center center no-repeat;
    }
    .fancybox-close {
    	position: absolute;
    	top: -12px;
    	right: -14px;
    	width: 36px;
    	height: 36px;
    	cursor: pointer;
    	z-index: 8040;
    }
    .fancybox-nav {
    	position: absolute;
    	top: 0;
    	width: 40%;
    	height: 100%;
    	cursor: pointer;
    	text-decoration: none;
    	background: transparent url('../images/fancybox/blank.gif');
     /* helps IE */
    	-webkit-tap-highlight-color: rgba(0,0,0,0);
    	z-index: 2147483600;
    }
    .fancybox-prev {
    	left: 0;
    }
    .fancybox-next {
    	right: 0;
    }
    .fancybox-nav span {
    	position: absolute;
    	top: 50%;
    	width: 36px;
    	height: 34px;
    	margin-top: -18px;
    	cursor: pointer;
    	z-index: 2147483600;
    	visibility: hidden;
    }
    .fancybox-prev span {
    	left: 10px;
    	background-position: 0 -36px;
    }
    .fancybox-next span {
    	right: 10px;
    	background-position: 0 -72px;
    }
    .fancybox-nav:hover span {
    	visibility: visible;
    }
    .fancybox-tmp {
    	position: absolute;
    	top: -99999px;
    	left: -99999px;
    	visibility: hidden;
    	max-width: 99999px;
    	max-height: 99999px;
    	overflow: visible !important;
    }
    .fancybox-overlay {
    	position: absolute;
    	top: 0;
    	left: 0;
    	margin-left: -10px;
    	overflow: hidden;
    	display: none;
    	z-index: 2147483599;
    	background: url('../images/fancybox/fancybox_overlay.png');
    }
    .fancybox-overlay-fixed {
    	position: fixed;
    	bottom: 0;
    	right: 0;
    }
    .fancybox-lock .fancybox-overlay {
    	overflow: hidden;
    }
    /* Title helper */
    .fancybox-title {
    	visibility: hidden;
    	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    	position: relative;
    	text-shadow: none;
    	z-index: 2147483600;
    }
    .fancybox-opened .fancybox-title {
    	visibility: visible;
    }
    .fancybox-title-float-wrap {
    	position: absolute;
    	bottom: 0;
    	right: 50%;
    	margin-bottom: -35px;
    	z-index: 2147483600;
    	text-align: center;
    }
    .fancybox-title-float-wrap .child {
    	display: inline-block;
    	margin-right: -100%;
    	padding: 2px 20px;
    	background: transparent;
    	background: rgba(0, 0, 0, 0.8);
    	border-radius: 15px;
    	text-shadow: 0 1px 2px #222;
    	color: #FFF;
    	font-weight: bold;
    	line-height: 24px;
    	white-space: nowrap;
    }
    .fancybox-title-outside-wrap {
    	position: relative;
    	margin-top: 10px;
    	color: #fff;
    }
    .fancybox-title-inside-wrap {
    	padding-top: 10px;
    }
    .fancybox-title-over-wrap {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	color: #fff;
    	padding: 0px;
    	background: #000;
    	background: rgba(0, 0, 0, .8);
    }
    /* ---------------------traitement-valider--------------------------------- */
    .traitement_valider {
    	color: #1baa0b;
    	padding: 5px 355px 5px 15px;
    	margin: -10px 0px 0px -15px;
    	border-bottom: 1px solid #1baa0b;
    	text-align: left !important;
    	
    }
    /* ---------------------traitement-refuser--------------------------------- */
    .traitement_refuser {
    	color: #d52205;
    	padding: 5px 347px 5px 15px;
    	margin: -10px 0px 0px -15px;
    	border-bottom: 1px solid #d52205;
    	text-align: left !important;
    }
    /* --------------------connection-page--------------------------------- */
    .connexion_page {
    	float: left;
    	background: #9dd53a;
     /* Old browsers */
    	background: -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
     /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a));
     /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
     /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
     /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
     /* IE10+ */
    	background: linear-gradient(to bottom, #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
     /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 );
     /* IE6-9 */
    	text-align: center;
    	padding: 5px;
    	width: 610px;
    	border: 1px solid #595959;
    }
    .connexion_page2 {
    	margin-top: 25px;
    	float: left;
    	background: #1e5799;
     /* Old browsers */
    	background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%);
     /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
     /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
     /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
     /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
     /* IE10+ */
    	background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);
     /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 );
     /* IE6-9 */
    	text-align: center;
    	padding: 5px;
    	width: 610px;
    	border: 1px solid #595959;
    }
    .connexion_page3 {
    	margin-bottom: 25px;
    	float: left;
    	background: #ffffff;
     /* Old browsers */
    	background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
     /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
     /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
     /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
     /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
     /* IE10+ */
    	background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
     /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
     /* IE6-9 */
    	color: #4d4c4c;
    	font-weight: bold;
    	line-height: 20px;
    	text-align: center;
    	padding: 8px 5px 8px 5px;
    	width: 610px;
    	border: 1px solid #bbbbbb;
    }
    .connexion_page  img {
    	width: 90px;
    	float: left;
    	padding-left: 10px;
    }
    .connexion_page2 img {
    	width: 90px;
    	float: left;
    	padding-left: 10px;
    }
    /* ------------------END--connection-page------------------------------ */
    /*--------------------BARTOP.CSS--------------------*/
    /*--------------------BARTOP.CSS--------------------*/
    /*--------------------BARTOP.CSS--------------------*/
    /*--------------------BARTOP.CSS--------------------*/
    /*--------------------BARTOP.CSS--------------------*/
    /*--------------------BARTOP.CSS--------------------*/
    #barfixe {
    	position: fixed;
    	top: 0px;
    	height: 44px;
    	z-index: 9999913;
    	width: 100%;
    	background: #333333;
    	background-image: linear-gradient(bottom, rgb(69,67,69) 22%, rgb(48,46,48) 79%);
    	background-image: -o-linear-gradient(bottom, rgb(69,67,69) 22%, rgb(48,46,48) 79%);
    	background-image: -moz-linear-gradient(bottom, rgb(69,67,69) 22%, rgb(48,46,48) 79%);
    	background-image: -webkit-linear-gradient(bottom, rgb(69,67,69) 22%, rgb(48,46,48) 79%);
    	background-image: -ms-linear-gradient(bottom, rgb(69,67,69) 22%, rgb(48,46,48) 79%);
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0.22, rgb(69,67,69)),
    		color-stop(0.79, rgb(48,46,48))
    	);
    	border-bottom: 1px solid #9f9f9f;
    	box-shadow: 0px 0px 6px #2e2f30;
    }
    .menu-ul>li {
    	float: left;
    	position: relative;
    	border-left: 1px solid #5b5b5b;
    	border-right: 1px solid #262626;
    	border-bottom: 1px solid #9f9f9f;
    }
    .menu-dropdown li{
    	border-bottom: 1px solid rgba(0, 0, 0, 0);
        border-top: 1px solid #1A1A1A;
        transition: all 150ms linear 0s;
    }
    .menu-ul>li:hover ,.menu-dropdown li:hover{
    	background: #5e5e5e;
    }
    #barfixe a{
    	display: block;
    	font-size: 13px;
    	font-family: "Arial",Arial;
    	color: #fff;
    	text-align: left;
    	text-decoration: none;
    	padding: 14px;
    	position: relative;
    	white-space: nowrap;
    }
    .menu-dropdown {
    	position: absolute;
    	visibility: hidden;
    	background: rgba(52,52,52,0.98);
    	border: 1px solid #575656;
    	-webkit-transition: all 150ms linear;
    	transition: all 150ms linear;
    }
    .drop-dropdown:hover>.menu-dropdown {
    	visibility: visible;
    }
    .span6titre {
    	border-bottom: 1px solid #0199ec;
    	color: #009ee0;
    	font-weight: 600;
    }
    .span6frais {
    	border-bottom: 0px solid #464646;
    }
    .prix-frais1 {
    	color: #919191;
    	float: left;
    	font-weight: 600;
    	font-size: 12px;
    	padding-bottom: 5px;
    }
    .prix-frais2 {
    	color: #919191;
    	float: right;
    	font-weight: 600;
    	font-size: 12px;
    	padding-bottom: 5px;
    }
    .span6gratuit {
    	border-bottom: 1px solid #0199ec;
    	border-top: 1px solid #0199ec;
    	background: #092331;
    	float: left;
    }
    .prix-gratuit {
    	color: #0199ec;
    	float: left;
    	font-weight: 600;
    	font-style: italic;
    	padding-bottom: 2px;
    }
    .span6total {
    	border-bottom: 1px solid #464646;
    	float: left;
    }
    .prix-total-fff {
    	color: #fff;
    	float: left;
    	font-weight: 600;
    	padding-top: 3px;
    	padding-bottom: 4px;
    }
    .prix-total {
    	font-size: 15px;
    	color: #1dce00;
    	float: right;
    	font-weight: 600;
    	padding-top: 3px;
    }
    .span6panier {
    	width: 100%;
    	border-bottom: 1px solid #464646;
    	background: #292929;
    	
    }
    #empty {
    	color: #fff;
    	text-align: center;
    	font-weight: 600;
    	padding-bottom: 5px;
    	padding-left: 80px;
    }
    .quantpanier {
    	color: #009ee0;
    	float: left;
    	padding-right: 5px;
    	font-weight: 600;
    }
    .quantpaniernom {
    	color: #fff;
    }
    .prix_panier_right {
    	font-size: 13px;
    	color: #0199ec;
    	float: right;
    	font-weight: 400;
    }
    .column-content {
    	padding: 5px 10px 5px 10px;
    	width:425px;
    }
    .column-button {
    	padding: 0px 0px 0px 270px;
    	width:100%;
    }
    #steppanierbartop {
    	background: #5c5c5c;
    	border-top: 1px solid #000;
    	border-bottom: 1px solid #000;
    }
    #steppanierbartop  .button {
    	white-space: nowrap;
    	background: #e2e2e2;
    	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
     	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
     	border: 1px solid #777;
    	padding: 4px 8px;
    	font: bold 13px Arial, Helvetica;
    	color: #333;
    	width: 150px;
    	/*border-radius: 3px;*/
    	float: right;
    }
    #steppanierbartop .button:hover {
    	cursor: pointer;
    	color: #fff;
    	border: 1px solid #000;
    	background: #3b679e;
    	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
    	;
    }
    /*END BARTOP __________________*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------------------MENU-CLEANED.CSS--------------------*/
    /*--------SLIDER-HEADER------------------------------*/
    #sliderFramefixe {z-index:09;position:absolute;width:1000px;margin: 0 auto;margin-left:-11px;margin-top:-0px;border:0px solid #0199ec;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
    #sliderFrame {z-index:10;position:relative;width:1000px;margin: 0 auto;margin-left:-11px;margin-top:-9px;border:0px solid #0199ec;} /*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/
                  
    #slider {
        width:1022px;
    	max-height: 290px;
    	min-height: 290px;
    	background:#transparent url(../images/bannieres/slider-header/loading.gif) no-repeat 50% 50%;
    	position:relative;
    	margin:0 auto;
        box-shadow: 0px 0px 0px #999999;
    }
    #slider img {
    	position:absolute;
    	border:none;
    	display:none;
    }
    #slider a.imgLink {
    	z-index:2;
    	display:none;position:absolute;
    	top:0px;left:0px;border:0;padding:0;margin:0;
    	width:100%;height:100%;
    }
    div.mc-caption-bg, div.mc-caption-bg2 {
    	position:absolute;
    	width:500px;
    	height:auto;
    	padding:3px;
    	left:260px; 
    	bottom:0px;
    	z-index:3;
    	overflow:hidden;
    	font-size: 0;
    }
    div.mc-caption-bg {
    	background-color:transparent;
    	border-bottom:1px solid #0199ec;
    }
    div.mc-caption {
    	font:bold 11px Verdana;
    	color:#3c3c3c;
    	z-index:4;
    	letter-spacing:0.2px;
    	padding:3px 0;
    	text-align:center;
    }
    .mc-caption-blue {
    	color:#0199ec;
    }
    .mc-caption-blue:hover {
    	color:#3c3c3c;
    }
    .mc-caption-green {
    	color:#4ca900;
    }
    .mc-caption-green:hover {
    	color:#3c3c3c;
    }
    /* --------- autre ------- */
    #slider 
    {
    	transform: translate3d(0,0,0);
        -ms-transform:translate3d(0,0,0);
        -moz-transform:translate3d(0,0,0);
        -o-transform:translate3d(0,0,0);
    }
    /* --------- OLD version sans js ------- */
    /*
    #sliderFrame {
    	width: 100%;
    	max-height: 290px;
    	min-height: 290px;
    	margin: 0 auto;
    	margin-left: -11px;
    	margin-top: -9px;
    	border: 0px solid #0199ec;
    }
    #slideshow img {
    	top: 0;
    	position: absolute;
    } 
    */
    /*-------END-SLIDER-HEADER---------------------------*/
    /*--------------PAGE-LISTE-RAPIDE--PROD-&-CAT------------------------------------------*/
    .nav-titre-liste {
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 615px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	margin-left: -30px;
    	margin-top: -15px;
    	border-top: 0px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-titre-menu.png');
    	background-color: transparent;
    }
    .nav-titre-liste-bio {
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 615px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	margin-left: -30px;
    	margin-top: -16px;
    	border-top: 1px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-bio-titre-menu.png');
    	background-color: transparent;
    }
    .nav-titre-liste-alert{
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 615px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	margin-left: -30px;
    	margin-top: -16px;
    	border-top: 1px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-alert-titre-menu.png');
    	background-color: transparent;
    }
    div.liste_rapide_prod_cat {
    	width: 580px;
    	line-height: 18px;
    	background-color: #f6f6f6;
    	padding: 15px 15px 15px 30px;
    	margin: 0px 0px 0px 10px;
    	margin-bottom: 20px;
    	border: 1px solid #c8c8c8;
    	box-shadow: 0px 0px 5px rgba(41, 45, 50, 0.15);
    }
    div.liste_rapide_prod_cat_alert {
    	width: 580px;
    	line-height: 18px;
    	background-color: #f6f6f6;
    	padding: 15px 15px 15px 30px;
    	margin: 0px 0px 0px 10px;
    	margin-bottom: 20px;
    	border: 1px solid #c8c8c8;
    	box-shadow: 0px 0px 5px rgba(41, 45, 50, 0.15);
    }
    div.liste_rapide_prod_cat_bio {
    	width: 580px;
    	line-height: 18px;
    	background-color: #f6f6f6;
    	padding: 15px 15px 15px 30px;
    	margin: 0px 0px 0px 10px;
    	margin-bottom: 20px;
    	border: 1px solid #c8c8c8;
    	box-shadow: 0px 0px 5px rgba(41, 45, 50, 0.15);
    }
    div.liste_rapide_prod_cat ul {
    	list-style-type: square;
    	color: #b7b7b7;
    }
    div.liste_rapide_prod_cat a {
    	color: #556665;
    	padding: 0px;
    	border-bottom: 0px solid #0199ec;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 13px;
    	line-height: 20px;
    }
    div.liste_rapide_prod_cat a:hover {
    	border-bottom: 1px solid #0199ec;
    	color: #0199ec;
    }
    div.liste_rapide_prod_cat_bio ul {
    	list-style-type: square;
    	color: #b7b7b7;
    }
    div.liste_rapide_prod_cat_bio a {
    	color: #556665;
    	padding: 0px;
    	border-bottom: 0px solid #0199ec;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 13px;
    	line-height: 20px;
    }
    div.liste_rapide_prod_cat_bio a:hover {
    	border-bottom: 1px solid #179e53;
    	color: #179e53;
    }
    div.liste_rapide_prod_cat_alert ul {
    	list-style-type: square;
    	color: #b7b7b7;
    }
    div.liste_rapide_prod_cat_alert a {
    	color: #556665;
    	padding: 0px;
    	border-bottom: 0px solid #0199ec;
    	text-decoration: none;
    	font-family: Arial, Helvetica, sans-serif;
    	font-weight: bold;
    	font-size: 13px;
    	line-height: 20px;
    }
    div.liste_rapide_prod_cat_alert a:hover {
    	border-bottom: 1px solid #c94040;
    	color: #c94040;
    }
    /*-------------END-PAGE-LISTE-RAPIDE--PROD-&-CAT------------------------------------------*/
    /*----------------Menu bar----------------*/
    #menuheader {
    	list-style: none;
    	width: 940px;
    	margin: 21px auto 0px auto;
    	height: 54px;
    	padding-left: 20px;
    	padding-right: 15px;
    	padding-top: 0px;
    	
    	border-radius: 0px;
    	background: #0199ec;
    	background-image: linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0.08, rgb(0,119,179)),
    		color-stop(0.83, rgb(1,154,236)),
    		color-stop(1, rgb(115,200,245))
    	);
    	border-top: 1px solid #029ae2;
    	border-bottom: 1px solid #002232;
    	border-left: 1px solid #007fba;
    	border-right: 1px solid #007fba;
    	box-shadow: inset 0px 0px 1px #edf9ff;
    	box-shadow: 0px 2px 3px #7b7b7b;
    }
    /*----------------reset----------------*/
    .navmenuheader,
    .navmenuheader a,
    .navmenuheader ul,
    .navmenuheader li,
    .navmenuheader div {
    	margin: 0;
    	padding: 0;
    	border: none;
    	outline: none;
    }
    .navmenuheader a {
    	text-decoration: none;
    	border: 0px solid #000;
    }
    .navmenuheader li .nav-uppercase {
    	list-style: none;
    	height: 54px;
    	border-bottom: 1px solid #000;
    }
    /*----------------Menu bouton UPPERCASE----------------*/
    .nav-uppercase {
    	text-transform: uppercase;
    	cursor: pointer;
    	font-size: 19px;
    	font-family: Arial, sans-serif;
    	font-weight: bold;
    }
    /*----------------Menu bouton drop----------------*/
    .drop_menu_prod {
    	margin-right: -7px;
    	padding-left: 18px;
    	background: url("../images/menu/drop.png") no-repeat 4px center;
       /*---right 0px top 4px---*/
    	;
    }
    /*----------------Menu container----------------*/
    .navmenuheader {
    	display: inline-block;
    	position: relative;
    	cursor: default;
    	z-index: 500;
    	width: 880px;
    }
    /*----------------Menu list----------------*/
    .navmenuheader > li {
    	display: block;
    	float: left;
    }
    /*----------------Menu link----------------*/
    .navmenuheader > li > a {
    	position: relative;
    	display: block;
    	z-index: 510;
    	height: 54px;
    	padding: 0 20px;
    	line-height: 54px;
    	font-weight: bold;
    	font-size: 14px;
    	letter-spacing: 0.7px;
    	color: #fcfcfc;
    	text-shadow: 0 1 2px rgba(0,0,0,.35);
    	background: #0199ec;
    	background-image: linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0.08, rgb(0,119,179)),
    		color-stop(0.83, rgb(1,154,236)),
    		color-stop(1, rgb(115,200,245))
    	);
    	border-left: 1px solid #1cafff;
    	border-right: 1px solid #312a27;
    }
    .navmenuheader > li:hover > a {
    	background: #1cafff;
    }
    .navmenuheader > li:first-child > a {
    	border-left: 1px solid #312a27;
    }
    /*----------------Menu drop----------------*/
    .navmenuheader > li > div {
    	position: absolute;
    	display: block;
    	width: 100%;
    	top: 55px;
    	left: 30px;
    	visibility: hidden;
    	overflow: hidden;
    	border: 1px solid #424242;
    	border-top: none;
    	background-color: #eeeeee;
    	background-image: linear-gradient(bottom, rgb(255,255,255) 28%, rgb(250,250,250) 74%, rgb(235,235,235) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(250,250,250) 74%, rgb(235,235,235) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(250,250,250) 74%, rgb(235,235,235) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(250,250,250) 74%, rgb(235,235,235) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 28%, rgb(250,250,250) 74%, rgb(235,235,235) 100%);
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0.28, rgb(255,255,255)),
    		color-stop(0.74, rgb(250,250,250)),
    		color-stop(1, rgb(235,235,235))
    	);
    	box-shadow: 0px 5px 9px #555555;
    }
    .navmenuheader > li:hover > div {
    	visibility: visible;
    	overflow: visible;
    }
    /*----------------Menu style-content----------------*/
    .navmenuheader .nav-column {
    	float: left;
    	width: 280px;
    	height: 100%;
    	padding-left: 10px;
    	padding-right: 0px;
    	padding-top: 0px;
    	padding-bottom: 5px;
    	border: 0px dotted #8d8d8d;
    }
    .navmenuheader .nav-titre {
    	float: left;
    	font-size: 14px;
    	font-family: 'Arial', sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 870px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	border-top: 0px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-titre-menu.png');
    	background-color: transparent;
    }
    /*---------liens-utiles-column-----------------------------------------------------*/
    .navmenuheader .div-liens-utiles {
    	margin-left: 480px;
    	width: 430px;
    }
    .navmenuheader .nav-column-liens-utiles {
    	float: left;
    	width: 200px;
    	height: 100%;
    	padding-left: 10px;
    	padding-right: 0px;
    	padding-top: 0px;
    	padding-bottom: 5px;
    	border: 0px dotted #8d8d8d;
    }
    .navmenuheader .nav-titre-liens-utiles {
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 420px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	border-top: 0px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-titre-menu.png');
    	background-color: transparent;
    }
    .navmenuheader .nav-column-liens-utiles li a {
    	display: block;
    	line-height: 20px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: 12.3px;
    	color: #606060;
    	border-left: 1px solid #d2d2d2;
    	margin: 0px;
    	width: 100%;
    	padding-left: 5px;
    }
    .navmenuheader .nav-column-liens-utiles li a:hover {
    	color: #0199ec;
    	background: #fff;
    	border-left: 5px solid #0199ec;
    }
    /*---------bio-column-----------------------------------------------------*/
    .navmenuheader .nav-titre-bio {
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #1a3e6a;
    	color: #fff;
    	width: 870px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	border-top: 1px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-bio-titre-menu.png');
    	background-color: transparent;
    }
    .bio  li a:hover {
    	color: #179e53 !important;
    	background: #fff;
    	border-left: 5px solid #179e53 !important;
    }
    /*---------alert-column-----------------------------------------------------*/
    .navmenuheader .nav-titre-alert {
    	float: left;
    	font-size: 14px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-style: italic;
    	letter-spacing: 0.1px;
    	text-shadow: 0px 1px 2px #680000;
    	color: #fff;
    	width: 870px;
    	height: 21px;
    	padding-top: 3px;
    	padding-bottom: 2px;
    	padding-left: 10px;
    	border-top: 1px solid #9a9c9b;
    	border-bottom: 1px solid #fff;
    	background-image: url('../images/menu/fond-alert-titre-menu.png');
    	background-color: transparent;
    }
    .alert  li a:hover {
    	color: #c94040 !important;
    	background: #fff;
    	border-left: 5px solid #c94040 !important;
    }
    .navmenuheader p {
    	float: left;
    	text-overflow: ellipsis;
    	width: 280px;
    	height: 70px;
    	overflow: hidden;
    	margin-left: 10px;
    }
    .link_articles_menu {
    	float: right;
    	height: 20px;
    	margin-top: -5px;
    	margin-right: 5px;
    	padding-bottom: 5px; 
    }
    .img_list_articles_menu {
    	width: 90px;
    	height: 90px;
    	background: transparent;
    	float: left;
    	border: 0px solid #7d7d7d;
    	float: left;
    	padding: 10px;
    	margin-left: -5px;
    	margin-right: 5px;
    	margin-top: -5px;
    	margin-bottom: 10px;
    }
    a:hover .img_list_articles_menu {
    	width: 90px;
    	height: 90px;
    	background-color: transparent;
    	float: left;
    	padding: 10px;
    	margin-left: -5px;
    	margin-right: 5px;
    	margin-top: -5px;
    	margin-bottom: 10px;
    }
    .navmenuheader .nav-articles01 {
    	float: left;
    	font-size: 12.3px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: regular;
    	line-height: 17px;
    	color: #8d8d8d;
    	width: 400px;
    	height: 105px;
    	padding: 5px;
    	margin-top: 7px;
    	padding-bottom: 0px;
    	margin-left: 18px;
    	background-image: url('../images/menu/fond-resume-articles-menu.jpg');
    	background-color: #fff;
    	border: 1px solid #8b8b8b;
    	box-shadow: 0px 1px 5px rgba(0, 0, 15, 0.30);
    }
    .navmenuheader .nav-articles03 {
    	float: left;
    	background-image: url('../images/menu/fond-voir-tous-les-articles-menu.png');
    	background-color: transparent;
    	width: 770px;
    	height: 45px;
    	padding-top: 0px;
    	padding-bottom: 10px;
    	padding-left: 110px;
    	margin-top: 15px;
    	margin-bottom: 0px;
    	border-top: 1px solid #a3a3a3;
    	border-bottom: 1px solid #a3a3a3;
    }
    .navmenuheader .nav-column li a {
    	display: block;
    	line-height: 20px;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: bold;
    	font-size: 12.3px;
    	color: #606060;
    	border-left: 1px solid #d2d2d2;
    	margin: 0px;
    	width: 100%;
    	padding-left: 5px;
    }
    .navmenuheader .nav-column li a:hover {
    	color: #0199ec;
    	background: #fff;
    	border-left: 5px solid #0199ec;
    }
    /* Menu a propos*/
    .navmenuheader .menuapropos {
    	display: block;
    	float: right;
    	margin-right: -75px;
    }
    .menuapropos {
    	float: right;
    	list-style: none;
    	background: #0199ec;
    	background-image: linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -o-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -moz-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -ms-linear-gradient(bottom, rgb(0,119,179) 8%, rgb(1,154,236) 83%, rgb(115,200,245) 100%);
    	background-image: -webkit-gradient(
    		linear,
    		left bottom,
    		left top,
    		color-stop(0.08, rgb(0,119,179)),
    		color-stop(0.83, rgb(1,154,236)),
    		color-stop(1, rgb(115,200,245))
    	);
    	color: #fff;
    }
    .cursor_default {cursor:default;}
    /*----------------STYLE-BOX-RESEAUX--------------------------------------------*/
    #reseaux {
    	width: 570px;
    	height: auto;
    	display: none;
    	background-image: url(../images/social/fond-reseaux.jpg);
    	border: 4px solid #f0f0f0;
    	box-shadow: inset 0px 1px 8px rgba(0, 0, 0, 0.08);
    }
    #reseaux div {
    	padding-left: 20px;
    	padding-right: 20px;
    	padding-bottom: 30px;
    	text-align: center;
    }
    #reseaux p {
    	position: relative;
    	width: 100%;
    	padding-top: 13px;
    	padding-bottom: 20px;
    	font-family: 'Arial', sans-serif;
    	font-size: 14px;
    	font-weight: bold;
    	letter-spacing: 0px;
    	color: #525252;
    	text-align: center;
    	border-bottom: 1px solid #bcbcbc;
    	background-color: rgba(255,255,255,0.3);
    }
    #reseaux a {
    	border: 4px solid #086da4;
    	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    	text-decoration: none;
    	margin: 10px;
    	border-radius: 240px;
    	width: 80px;
    	line-height: 80px;
    	padding: 5px 10px 5px 0px;
    	font-size: 30px;
    	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00b5e5), color-stop(100%, #019aec));
    	background: -webkit-linear-gradient(top, #00b5e5, #019aec);
    	background: -moz-linear-gradient(top, #00b5e5, #019aec);
    	background: -o-linear-gradient(top, #00b5e5, #019aec);
    	background: linear-gradient(top, #00b5e5, #019aec);
    	background-color: #00a1cb;
    	color: #fff;
    	text-shadow: 0 -1px 1px rgba(0, 40, 50, 0.35);
    }
    #reseaux a:hover {
    	background-color: #019aec;
    	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #00c9fe), color-stop(100%, #019aec));
    	background: -webkit-linear-gradient(top, #00c9fe, #019aec);
    	background: -moz-linear-gradient(top, #00c9fe, #019aec);
    	background: -o-linear-gradient(top, #00c9fe, #019aec);
    	background: linear-gradient(top, #00c9fe, #019aec);
    	color: #086da4;
    	text-shadow: 0 0px 0px rgba(0, 40, 50, 0.35);
    }
    #reseaux a:active {
    	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
    	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
    	background: #019aec;
    	color: #005065;
    }
    #reseaux a:focus {
    	outline: none;
    }
    /*----------------STYLE-BOX-TARIF-&-BON-DE-COMMANDE--------------------------------------------*/
    #bon_de_commande {
    	height: 530px;
    	background-image: url(../images/tarif-bon-de-commande/fond-bon-commande.jpg);
    }
    #tarif {
    	height: 390px;
    	background-image: url(../images/tarif-bon-de-commande/fond-tarif.jpg);
    }
    .pdf_box {
    	width: 700px;
    	display: none;
    	overflow: hidden;
    	position: relative;
    }
    .pdf_box   h1, .pdf_box   h2, .pdf_box   h3 {
    	width: 100%;
    	text-shadow: none;
    	font-family: 'Arial', sans-serif;
    	font-size: 15px;
    	font-weight: bold;
    	text-align: center;
    	overflow: hidden;
    	margin: 0em auto;
    	color: #525252;
    	letter-spacing: 0px;
    }
    .pdf_box   h1 {
    	padding-top: 8px;
    	margin-bottom: 7px;
    	border: 1px solid #d2d2d2;
    	background-color: rgba(255,255,255,0.2);
    }
    .pdf_box   h2 {
    	padding-top: 15px;
    }
    .pdf_box   h3 {
    	padding-top: 45px;
    	color: #fff;
    }
    .note2 {
    	width: 45%;
    	float: left;
    	margin: 10px 0px 0px 16px;
    	padding: 10px 0px 19px 0px;
    	color: #fff;
    	text-align: center;
    	background: #0199ec;
    	border: 2px solid #fff;
    	box-shadow: 0 1px 5px rgba(0,0,0,0.6);
    }
    .pdf_box .container {
    	margin: 0 0 0 200px;
    	float: left;
    	height: 200px;
    	text-transform: uppercase;
    	border: 5px solid #fff;
    	overflow: hidden;
    	text-align: center;
    	box-shadow: 0px 0px 8px #797979;
    	cursor: pointer;
    }
    .pdf_box .container[class*=duo] {
    	margin: 20px 0 0 25px;
    }
    .pdf_box .container img {
    	display: block;
    }
    .pdf_box .container a {
    	display: inline-block;
    	text-decoration: none;
    	background: #000;
    	color: #fff;
    	text-transform: uppercase;
    	box-shadow: 0 0 3px #5f5f5f inset;
    }
    /*---------------END-STYLE-BOX-TARIF-&-BON-DE-COMMANDE--------------------------------------------*/
    /*-----------box-facebook-------------------------------*/
    .facebook_box {
    	margin: 2px -13px 0px 0px;
    	width: 120px;
    	height: 31px;
    	overflow: hidden;
    	padding: 10px 0px 0px 15px;
    	background-image: url(../images/bartop/jaime-nutrimuscle.png);
    	background-repeat: no-repeat;
    	float: right;
    }
    /*-----------box-facebook-------------------------------*/
    .twitter_box {
    	margin: 0px auto;
    	margin: 2px -17px 0px 0px;
    	width: 170px;
    	height: 42px;
    	background-image: url(../images/bartop/jaime-nutrimuscle.png);
    	background-repeat: no-repeat;
    	float: right;
    }
    .twitter_box_1 {
    	margin: 0px auto;
    	padding: 10px 6px 0px 0px;
    	background: transparent;
    	float: right;
    }
    /*-----------box-skype-------------------------------*/
    .skype_box {
    	margin: 0px auto;
    	width: 550px;
    	height: 420px;
    	background-image: url(../images/menu/contactez-nous-box/fond.jpg);
    }
    .box_skype_1 {
    	margin: 0px auto;
    	padding: 30px;
    	width: 320px;
    	text-align: left;
    	float: left;
    	background: transparent;
    }
    .box_skype {
    	margin: 0px auto;
    	margin-top: 90px;
    	margin-right: 30px;
    	padding: 5px;
    	width: 250px;
    	text-align: center;
    	float: right;
    	background: transparent;
    }
    .box_skype_1 > h2 {
    	margin-bottom: 0px;
    	padding-left: 5px;
    	font-size: 16px;
    	font-weight: bold;
    	color: #444444;
    	text-align: left;
    }
    .box_skype_1 > h3 {
    	margin-bottom: 3px;
    	padding-left: 5px;
    	font-size: 15px;
    	font-weight: bold;
    	color: #507584;
    	text-align: left;
    }
    .box_skype > h2 {
    	margin-bottom: 0px;
    	padding-left: 5px;
    	font-size: 16px;
    	font-weight: bold;
    	color: #444444;
    	text-align: center;
    }
    .skype-help > a {
    	font-size: 14px;
    	color: #444444;
    	text-decoration: none;
    	text-align: center;
    }
    .skype-help > a:hover {
    	text-decoration: underline;
    }
    .button_skype {
    	display: block;
    	width: 210px;
    	height: 25px;
    	line-height: 26px;
    	margin-left: 23px;
    	font-size: 14px;
    	font-weight: bold;
    	color: #4f5152;
    	text-align: center;
    	background: #adcbfa;
    	background-clip: padding-box;
    	border: 1px solid #6e6e6e;
    	border-bottom-color: #223b66;
    	border-radius: 4px;
    	cursor: pointer;
    	background-image: -webkit-linear-gradient(top, #d6d6d6, #adadad);
    	background-image: -moz-linear-gradient(top, #d6d6d6, #adadad);
    	background-image: -o-linear-gradient(top, #d6d6d6, #adadad);
    	background-image: linear-gradient(to bottom, #d6d6d6, #adadad);
    	box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 7px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.15);
    }
    .button_skype:active {
    	background: #67bcee;
    	color: #fff;
    	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4), 0 1px rgba(255, 255, 255, 0.1);
    }
    .bouton_skype_menu_div {
    	position: absolute;
    	top: 301px;
    	right: 155px;
    	width: 160px;
    	height: 69px;
    	z-index: 530;
    	border: 0px solid #6e6e6e;
    }
    .bouton_skype_menu {
    	width: auto;
    	height: 68px;
    	background-color: transparent;
    	border: 0px solid #0199ec;
    	float: left;
    	padding: 0px;
    	margin-left: -20px;
    	margin-right: 0px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    }
    /*-------LOGO-img-FORUM---------------------*/
    .navmenuheader > li .black {
    	color: #fff;
    	background: #000;
    	text-transform: uppercase;
    	letter-spacing: 0px;
    	width: 73px;
    }
    .navmenuheader > li .black:hover {
    	color: #0199ec;
    	background: #000;
    }
    .bouton_forum_menu_div {
    	position: absolute;
    	top: 297px;
    	left: -32px;
    	width: 180px;
    	height: 72px;
    	z-index: 530;
    	border: 0px solid #0199ec;
    }
    .bouton_forum_menu {
    	background-color: transparent;
    	border: 0px solid #0199ec;
    	float: left;
    	padding: 0px;
    	margin-left: 20px;
    	margin-right: 0px;
    	margin-top: 0px;
    	margin-bottom: 0px;
    }
    /*------DIV-HREF-PROMOS-MOIS-SLIDER---------------------*/
    #div_bouton_slider_promos_mois {
    	position: absolute;
    	top: 80px;
    	right: -10px;
    	width: 300px;
    	height: 170px;
    	z-index: 999999;
    	border: 0px solid #0199ec;
    }
    #div_bouton_slider_promos_mois .big_pattern {
    	width: 300px;
    	height: 170px;
    }
    #div_bouton_slider1 {
    	position: relative;
    	top: 40px;
    	right: 370px;
    	height: 170px;
    	z-index: 999999;
    	border: 0px solid #0199ec;
    }
    #div_bouton_slider1 .big_pattern {
    	position: absolute;
    	width: 110px;
    	height: 120px;
    }
    /*------------------------------------------------ COMPTE-PANIER-COMMANDES-MESSAGES --------------------------------------------------------------------------------*/
    /*------------------------------------------------ COMPTE-PANIER-COMMANDES-MESSAGES --------------------------------------------------------------------------------*/
    .div-prod-promosmois div {
    	text-align: center;
    	padding: 0;
    	margin: 0 auto;
    	list-style: none;
    }
    /***************************FICHE-CLIENT************************/
    div[id^=step] {
    	width: 650;
    	overflow: hidden;
    }
    /*------------------------BUTTON-GLOBAL---------------------------------------*/
    button {
    	display: inline-block;
    	white-space: nowrap;
    	background: #e2e2e2;
    	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb), color-stop(51%,#d1d1d1), color-stop(100%,#fefefe));
    	background: -webkit-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -o-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: -ms-linear-gradient(top, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	background: linear-gradient(to bottom, #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 );
    	border: 1px solid #777;
    	padding: 4px 6px 4px 3px;
    	letter-spacing: -0px;
    	/*margin: 0.2em;*/
    	font: bold 12px Arial, Helvetica;
    	text-decoration: none;
    	color: #333;
    	/*border-radius: .2em;*/
    	box-shadow: 0 0 1px 1px rgba(255,255,255,.2) inset, 0 1px 0 rgba(0,0,0,.3);
    }
    button:hover {
    	cursor: pointer;
    	color: #fff;
    	text-shadow: 0 1px black;
    	background: #3b679e;
    	background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
    	background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -o-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: -ms-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 );
     /* IE6-9 */
    	border: 1px solid #434343;
    	box-shadow: 0 1px 0 rgba(0,0,0,.3);
    }
    button:active {
    	color: #fff;
    	text-shadow: 0 1px black;
    	background: #29486d;
     /* Old browsers */
    	background: -moz-linear-gradient(top, #29486d 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%);
     /* FF3.6+ */
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#29486d), color-stop(50%,#2b88d9), color-stop(51%,#207cca), color-stop(100%,#7db9e8));
     /* Chrome,Safari4+ */
    	background: -webkit-linear-gradient(top, #29486d 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
     /* Chrome10+,Safari5.1+ */
    	background: -o-linear-gradient(top, #29486d 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
     /* Opera 11.10+ */
    	background: -ms-linear-gradient(top, #29486d 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
     /* IE10+ */
    	background: linear-gradient(to bottom, #29486d 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%);
     /* W3C */
    	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29486d', endColorstr='#7db9e8',GradientType=0 );
     /* IE6-9 */
    	;
    }
    /*----------------------END--BUTTON-GLOBAL---------------------------------------*/
    /*--------------------MENU-WEBSYMBOLS------------------------------------*/
    /*
    h1 {
    	margin: 0px;
    	padding: 20px;
    	font-size: 32px;
    	color: #000;
    	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
    	text-align: center;
    	font-weight: 400;
    }*/
    /*--------------------------------------------------FONT-AWESOME.MIN--------------------------------------------------------------*/
    @font-face {
    	font-family:'FontAwesome';src:url('fonts-awesome-icones/font/fontawesome-webfont.eot?v=3.2.1');src:url('fonts-awesome-icones/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('fonts-awesome-icones/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('fonts-awesome-icones/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('fonts-awesome-icones/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;
    }

Examples and source code

icon-circle-arrow-right

Place Font Awesome icons just about anywhere with the <i> tag.

<i class=" icon-circle-arrow-right"></i> icon-circle-arrow-right
Icon classes are echoed via CSS :before.

icon-circle-arrow-right

icon-circle-arrow-right

icon-circle-arrow-right

icon-circle-arrow-right

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" icon-circle-arrow-right icon-large"></i> icon-circle-arrow-right</p>
<p><i class=" icon-circle-arrow-right icon-2x"></i> icon-circle-arrow-right</p>
<p><i class=" icon-circle-arrow-right icon-3x"></i> icon-circle-arrow-right</p>
<p><i class=" icon-circle-arrow-right icon-4x"></i> icon-circle-arrow-right</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  icon-circle-arrow-right"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-circle-arrow-right icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" icon-circle-arrow-right icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" icon-circle-arrow-right"></i>  normal<br>
<i class=" icon-circle-arrow-right icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-circle-arrow-right icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-circle-arrow-right icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-circle-arrow-right icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-circle-arrow-right icon-flip-vertical"></i>  icon-flip-vertical

Use the icon-spin class to get any icon to rotate.

<i class=" icon-circle-arrow-right icon-2x icon-spin"></i>
<i class=" icon-circle-arrow-right icon-3x icon-spin"></i>
<i class=" icon-circle-arrow-right icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-circle-arrow-right on icon-check-empty
icon-circle-arrow-right on icon-circle
icon-circle-arrow-rightl on icon-sign-blank
icon-ban-circle on icon-circle-arrow-right

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-circle-arrow-right "></i>
</span>
icon-circle-arrow-right on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-circle-arrow-right icon-light"></i>
</span>
icon-circle-arrow-right on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-circle-arrow-right icon-light "></i>
</span>
icon-circle-arrow-right on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-circle-arrow-right icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-circle-arrow-right