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


body{padding:0xp; margin:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333}


.handcursor{cursor:hand;cursor:pointer;}
.mainbody{ width:993px; margin: 0 auto;}


/***Classe pour le haut du site, logo, btn login et langue***/
.header {width:993px; margin:15px 0px 0px 0px; text-align:left; display: block; clear:both;}
.header_logo{float:left; padding:0 0 5px 15px; width:210px;}
.header_button{float:right; padding: 0 50px 0 0; font-size:10px;}
.top_date {float:left; color:#999}
.top_button {float:left;}
.header_button a{color:#FF0000; text-decoration:none; font-weight:bold}
.header_button a:hover{color:#666666; text-decoration:underline}
.header_button2{float:right; padding: 0 0 0 0; font-size:10px;}
.header_button2 a{color:#FF0000; text-decoration:none; font-weight:bold}
.header_button2 a:hover{color:#666666; text-decoration:underline}
.main_button{padding: 41px 50px 0 0; font-size:9px; width:690px; float:right; text-align:left; }
.mainNavigation {display: block;  float:right; position:relative; margin:0; padding:0}
.mainNavigation li { list-style-type: none; display: inline; float:left; height:20px}
.mainNavigation li a {padding: 5px 15px 0px 15px; text-align:center;  border-top:1px solid #b2b2b2;  font-size: 9px; font-weight:bold; color:#666; text-transform:uppercase; display: block;  margin: 0; text-decoration: none; white-space: nowrap; }
.mainNavigation li a:hover{color: #333;}
.mainNavigation li a.select {color: #FF0000;}


/***Classe Sous Menu Noir***/
.sousMenuBlack{width:993px; margin:0; padding:0; background:url(../images/bkg_sousMenuBlack.jpg) no-repeat; height:35px; position:relative; clear:both; display: block;}
.sousMenuNavigation {display: block; margin:0 0 0 20px; padding:0; text-align:center}
.sousMenuNavigation li { list-style-type: none; display: inline; float:left; height:35px}
.sousMenuNavigation li a {padding: 5px 44px 5px 44px; text-align:center;  font-size: 9px; font-weight:bold; color:#CCC; text-transform:uppercase; display: block;  margin: 0; text-decoration: none; white-space: nowrap; }
.sousMenuNavigation li a:hover {color:#FFF;}
.sousMenuNavigation li a.select {color:#FFF;}
.sousMenuNavigationFra {display: block; margin:0 0 0 20px; padding:0; text-align:center}
.sousMenuNavigationFra li { list-style-type: none; display: inline; float:left; height:35px}
.sousMenuNavigationFra li a {padding: 5px 43px 5px 43px; text-align:center;  font-size: 9px; font-weight:bold; color:#CCC; text-transform:uppercase; display: block;  margin: 0; text-decoration: none; white-space: nowrap; }
.sousMenuNavigationFra li a:hover {color:#FFF;}
.sousMenuNavigationFra li a.select {color:#FFF;}


/***Classe les images d'entete***/
.entetePage{width:993px; margin:0; padding:0}
.enteteBas{width:991px; margin:0; padding:0; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; background-color:#FF0000; height:5px}


/***Classe pour le contenue***/
.mainContent{width:891px; margin:0; padding:6px 40px 20px 60px; border-left:1px solid #b2b2b2; border-right:1px solid #b2b2b2; text-align:left; background-image:url(../images/bkg_content.jpg); background-repeat:repeat-y; clear:both; display:block; float:left; margin:0px; position:relative;}


/***Classe pour la boite recherche***/
.btnSearch{width:874px; height:23px;  margin:0; padding:0; text-align:left; clear:both; display:block; position:relative}
.Search{width:856px;  border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5; border-right: 1px solid #E5E5E5; border-bottom:5px solid #E5E5E5; padding:8px; background-color:#FFFFFF; margin-bottom:18px; position:relative; text-align:left;}
.btnSearch div ul { margin:0px; padding:0}
.btnSearch div ul li { display: inline; float:left;  background:url(../images/bkg_btn_search.jpg) top repeat-x #e4e3d6; height:25px}
.btnSearch div ul li a {padding: 4px 10px 0px 10px; text-align:center;  font-size: 10px; font-weight:bold; color:#666; display:block; float:left; margin: 0; text-decoration: none;  height:14px; border-top:1px solid #E5E5E5; white-space: nowrap; }
.btnSearch div ul li a:hover{color:#FF0000; text-decoration:underline}
.btnSearch div ul li a.select {color:#FF0000}
.friendlyPrint {color:#FF0000; float:right; font-size:10px; margin: 0 18px 5px 0;}
.friendlyPrint a {color:#FF0000; text-decoration:none}
.friendlyPrint a:hover {text-decoration:underline}


/***Classe pour la SECTION DESCRIPTION DU PRODUITS***/

.titreSection { background-image:url(../images/bkg_TITRE_cell.gif); background-repeat:no-repeat; background-color:#a40201; color:#FFFFFF; width:880px; clear:both; position:relative; height:60px}
.titreSectionSmall { background-image:url(../images/bkg_TITRE_cell.gif); background-repeat:no-repeat; color:#FFFFFF; width:880px; padding:3px 8px 3px 8px; display:block; position:relative; clear:both; font-size:11px; font-weight:bold }
.nomProduit {font-size:13px; font-weight:bold; float:left; width:485px; margin:8px; line-height:13px}
.navProduit {font-size:11px; font-weight:bold; float:right; width:300px; margin: 8px; text-align:right; }
.contentProduit {width:878px; border: 1px solid #CCC; background-color:#FFFFFF; margin: 0 0 20px 0; clear:both }
.contentProduit ul{margin:0; padding:0 0 0 12px}
.contentProduit a{color:#333333; text-decoration:underline }
.contentProduit a:hover, .contentProduit a:active{color:#FF0000; text-decoration:underline }
.categorieTitre {width:864px; background:url(../images/bkg_title_cell.jpg) repeat-x; color:#333333; font-weight:bold; text-align:left; padding:4px 0 4px 10px; }
.categorieTitreRouge {width:864px; background:url(../images/bkg_class.jpg) repeat-x; color:#FFF; font-weight:bold; text-align:left; padding:4px 0 4px 10px; }
.categorieTitreRouge a{color:#FFF; text-decoration:none; cursor:pointer}
.categorieTitreRouge a:hover{color:#FFF; text-decoration:underline}
.categorieTitreNoir {width:864px; background: url(../images/bkg_class2.jpg);color:#FFF; font-weight:bold; text-align:left; padding:4px 0 4px 10px; border-bottom:1px solid #CCC }
.categorieTitreNoir a{color:#FFF; text-decoration:none; cursor:pointer}
.categorieTitreNoir a:hover{color:#FFF; text-decoration:underline}
.categorieContent {width:844px;  color:#333333; font-weight:normal; text-align:left; padding:4px 10px 16px 10px; margin:0;  }
.categorieTitreSmall {width:414px; background:url(../images/bkg_title_cell.jpg) repeat-x; color:#333333; font-weight:bold; text-align:left; padding:4px 0 4px 10px; }
.categorieContentSmall {width:416px;  color:#333333; font-weight:normal; text-align:left; padding:4px 0 16px 10px; margin:0; }
.listeTitre {background:url(../images/bkg_title_cell.jpg) repeat-x; color:#333333; font-weight:bold; text-align:left; padding:4px 0 4px 10px; }
.listeContent {color:#333333; font-weight:normal; text-align:left; padding:4px 0 8px 10px; margin:0; border-bottom:1px solid #CCC; font-size:11px}
.listeContentLink {color:#333333; font-weight:normal; text-align:left; padding:4px 0 8px 10px; margin:0; border-bottom:1px solid #CCC}
.listeContent a{color:#333333; text-decoration:underline; font-weight:normal}
.listeContent a:hover, .listeContent a:active{color:#FF0000; text-decoration:underline }
a.lien_tableau {color:#333; text-decoration:underline; font-weight:normal; font-size:10px}
a.lien_tableau:hover, a.lien_tableau:active{color:#FF0000; text-decoration:underline; font-size:10px}
.fermeture {color:#FF0000; font-weight:bold}
.PerformanceTable {border: 1px solid #CCC}
table.PerformanceTable td {border-bottom: 1px solid #CCC; padding:2px}


/***Classe pour la SECTION ACCUEIL***/
.texteAccueil {width:360px;  display:block; float:left; margin:20px 0 0 0; position:relative;}
.texteAccueil a{color:#FF0000; text-decoration:underline}
.texteAccueil a:hover, .texteAccueil a:active{color:#666666; text-decoration:underline}
.textePrincipal { width:878px; display:block; float:left; margin:0px; position:relative;}
.texteAccueil h1{padding:0; margin:0; color:#333333; font-size:14px; font-weight:bold}
.textePrincipal h1{color:#FF0000; font-size: 15px; font-weight: bold;}
.textePrincipal h2{padding:0; margin:0; color:#333333; font-size: 12px;  font-weight:bold}
.textePrincipal a{color:#FF0000; text-decoration:underline}
.textePrincipal a:hover, .textePrincipal a:active{color:#666666; text-decoration:underline}
.produitAccueil {width:470px; display:block; float:right; margin:0px; position:relative;}
.produitContentAccueil {width:468px; display:block;border:1px solid #CCC}
.titreSectionAccueil {background-image:url(../images/bkg_TITRE_accueil.gif); color:#FFFFFF; width:454px; display:block; position:relative; padding:3px 8px 3px 8px; color:#FFFFFF;}
.titreSectionAccueil h2 { font-size:12px; font-weight:bold; margin:0; padding:0; color:#FFFFFF}
.espaceAccueil {width:470px; height:10px}

/***Classe pour la SECTION Contact***/
.sectionContact {width:420px; display:block; float:left; margin:0px;}
.sectionContactContent {width:418px; display:block;border:1px solid #CCC}
.titreSectionContact {background-image:url(../images/bkg_TITRE_accueil.gif); color:#FFFFFF; width:404px; display:block; position:relative; padding:3px 8px 3px 8px; color:#FFFFFF;}
.titreSectionContact h2 { font-size:11px; font-weight:bold; margin:0; padding:0; color:#FFFFFF}


/***Navigation par chiffre***/
.navChiffre {font-size:10px;  float:right; width:350px; margin: 8px; text-align:right; font-weight:normal; color:#ff6666}
.navChiffre a {font-size:10px; text-decoration: none; color:#ffcccc}
.navChiffre a:hover, .navChiffre a:active{font-weight:bold; text-decoration:underline}
.navChiffre a.select{color:#FFFFFF}
.navChiffreBottom {font-size:10px; width:350px; margin: 8px; text-align:left; font-weight:normal; color:#CCCCCC;}
.navChiffreBottom a {font-size:10px; text-decoration: none; color:#999999}
.navChiffreBottom a:hover, .navChiffre a:active{font-weight:bold; text-decoration:underline}
.navChiffreBottom a.select {color:#FF0000;}


/***Section general info (about FPS) ***/
.personInfo{width:600px; margin:10px 0 50px 0;  float:left; border-right:1px solid #CCC; padding:0px 10px 0px 0px; position:relative;}
.personInfo img{padding: 0 10px 10px 0;}
.personInfo h2{font-size:18px; font-weight:bold; color:#333; margin:0; padding:0}
.personInfo h3{font-size:14px; font-weight:bold; color:#666; margin:0; padding:0}
.personRight{width: 250px; float:right; font-family:Arial, Helvetica, sans-serif; color:#666; margin:10px 0 0 0; position:relative;}
.personRight h3{font-size:11px; font-weight:bold; color:#333333; padding:0 0 5px 0; border-bottom:1px solid #CCC}
.personRight a{font-size:11px; color:#666; text-decoration:underline}
.personRight a:hover{color:#FF0000; text-decoration:underline}
.boitedegrade {width:486px; height:auto; margin:0; padding:25px 5px 10px 20px; background:url('../images/bg_degrade.gif') no-repeat;}
.boitedegradeBottom {width:511px; height:auto; margin:0; padding:0;}
.boitedegradeSmall {width:329px; height:auto; margin:0; padding:25px 5px 10px 20px; background:url('../images/bg_degradeSmall.gif') no-repeat;}
.boitedegradeBottomSmall {width:354px; height:auto; margin:0; padding:0;}




/***Classe pour le footer***/
.Footer{width:993px; height:82px; background-color:#000; background-image:url(../images/bkg_footer.gif); background-repeat:repeat-x;clear:both; display:block; float:left; margin:0px; position:relative;}
.FooterRight{float:right; background-color:#000}
.FooterContent {float:left; background-color:#333; margin:18px 20px 0 38px; border:1px solid #666; width:856px; color:#666; font-size:10px; padding:5px; text-align: center;}
.FooterContent a{color:#666; text-decoration:none}
.FooterContent a:hover, .FooterContent a:active {color:#666; text-decoration:underline }
.FooterLeft{float:left; background-color:#000}


/***Classe pour le Login***/
.loginBtn {width:470px; display:block; float:left; margin:0px; position:relative;  margin-bottom:20px}
.loginContent {width:468px; display:block;clear:both; border:1px solid #CCC; margin-bottom:20px; background:#FFFFFF}
.titreLogin {background-image:url(../images/bkg_TITRE_login.gif); color:#FFFFFF; width:455px; display:block; position:relative; padding:3px 8px 3px 8px; color:#FFFFFF; font-weight:bold; font-size:12px; margin-top:25px}
.loginNavigation {display: block;  float:left; position:relative; margin-bottom:20px; padding:0;}
.loginNavigation li { list-style-type: none; display: inline; float:left; height:20px; border:1px solid #CCC;}
.loginNavigation li a {padding: 5px 17px 0px 16px; text-align:center; font-size: 9px; font-weight:bold; color:#666; text-transform:uppercase; display: block;  margin: 0; text-decoration: none; white-space: nowrap; }
.loginNavigation li a:hover{color: #333;}
.loginNavigation li a.select {color: #FF0000;}
table.regInputs{
	border: 1px solid #ccc; padding: 10px;
}

table.regInputs td {
	padding: 2px 6px;
	vertical-align: top;
	background: #FFF;
	border-bottom:1px solid #CCC
}


td.TitlePerfor {background-color:#d40203; color:#FFFFFF; font-weight:bold; border-bottom: 1px solid #FFF}
td.SousTitlePerfor{background-color:#e5e3d6; font-weight:bold; border-bottom: 1px solid #FFF}
td.ContentPerfor {background-color:#f2f0e5; font-weight:normal; border-bottom: 1px solid #FFF}


.notelbl{
	font-size:10px; color:#666
}

#ProductPagerTop input
{
    margin-bottom: -3px;
}

#ProductPager input
{
    margin-bottom: -3px;
}

/**************************/
/*         TOOLS          */
/**************************/

.marginBottomM5px
{
    margin-bottom: -5px;
}

.font10px
{
    font-size: 10px !important;
}

.NoResultsReturnedList
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

.floatLeft50pc
{
    width: 50%;
    float: left;
}

.clear
{
    clear: both;
}

.numericMaca:after
{
    content: " |"
}