/* 
 * Copyright (c) 2007 Copyright (c) Octolys Development
 * Ce template a été réalisé par http://www.scopika.com & http://www.fredodo.com
 * Il est soumis à la licence GPL
 */

/* Ce fichier définit le style visuel pour les différents éléments des pages.
 * Dans l'ordre, vous trouverez les règles qui définissent l'apparence pour:
 * - Eléments HTML en général
 * - Page
 * - Entête
 * - Chemin
 * - Produit petit & grand
 * - Pied de page
 * - Menu général
 * - Signature
 * - Nombre de pages
 * - les styles particuliers pour les pages intérieures
 */


/* Eléments HTML en général
-------------------------------------------------------- */

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background-color: #000;
	font-size: 10px;
}

h1, h2, h3{
	font-family:Arial, Helvetica, sans-serif;
}

h1{
	font-size: 10px;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 10px;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 10px;
	margin: 0;
	padding: 0;
}

a {
	color: #b2b2b2;
	text-decoration: none;
	font-size:10px;
}

a:hover {
	text-decoration: none;
	color: #000;
	font-size: 10px;
}

img {
	border: 0
}

/* Page
-------------------------------------------------------- */

#wrapper {
	width: 790px;
	text-align: left;
	overflow: visible;
	position: relative;
	margin:0 auto;
	padding: 0;
}

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 790px;
	background-color: #FFF;
	color: #191919;
	font-size: 10px;
}

#content {
	float: left;
	padding: 0;
	margin: 0;
	width: 790px;

}
#contenu {
	float: left;
	width:592px;
	padding: 0;
	margin: 0px 0 0 10px;
}
#contenu .blochaut {
	float: left;
	width:592px;
	height: 15px;
	padding: 0;
	margin: 0px 0 0 0px;
	background-image: url(../imag/fondMenu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

#contenu .blochaut dt {
	float: left;
	padding: 0;
	margin: 0px 0px 0 5px;
	color:#b2b2b2;
	font-size: 10px;
}
#contenu .blochaut a:link {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 10px;
}
#contenu .blochaut a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#contenu .blochaut .selected {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#contenu .blochome{
	float: left;
	width:425px;
	padding: 0 0 20px 0;
	margin: 0px 0 0 0px;
	overflow: hidden;
	text-align: justify;
}
#contenu .blochome .images{
	float: left;
	width: 425px;
	height: 205px;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0px 0;
}
#contenu .blochome .desc {
	float: left;
	width: 425px;
	padding: 0; margin:0;
	text-align: center;
	line-height: 10px;
}
#contenu .blocrubtxt{
	float: left;
	width:425px;
	height: 40px;
	padding: 0 0 10px 0;
	margin: 34px 0 0 0px;
	_margin: 34px 0 0 0px;
	overflow: hidden;
	text-align: justify;
}
#contenu .blocprod {
	float: left;
	width:445px;
	height: 183px;
	padding: 0 0 20px 0;
	margin: 0px 0 0 0px;
	overflow: auto;
	text-align: justify;
	background-color: ;
}

#contenu .blocproduit{
	float: left;
	width:435px;
	height: 299px;
	padding: 0 0 20px 0;
	margin: 34px 0 0 0px;
	overflow: hidden;
	text-align: justify;
}
#contenu .bloctotal{
	float: left;
	width:435px;
	height: 46px;
	padding: 0 0 20px 0;
	margin: 0px 0 0 0px;
	overflow: hidden;
	text-align: justify;
	background-color: ;
}
#contenu .blocpointsparrainage{
	float: left;
	width:455px;
	height: 299px;
	padding: 0 0 20px 0;
	margin: 34px 0 0 0px;
	overflow: hidden;
}
#contenu .blocproduit .tableau, #contenu .blocprod .tableau{
	float: left;
	width:435px;
}
#contenu .blocproduit a:link, #contenu .blocprod a:link {
	color: #000;
	text-decoration: none;
	font-size: 10px;
}
#contenu .blocproduit a:hover, #contenu .blocprod a:hover {
	color: #000;
	text-decoration: none;
	font-size: 10px;
}
#contenu .blocproduit a:visited, #contenu .blocprod a:visited {
	color: #000;
	text-decoration: none;
	font-size: 10px;
}
#contenu .bloccontenu {
	float:left;
	width:435px;
	height: 269px;
	padding: 0;
	margin: 10px 0 23px 0px;
	.margin: 10px 0 24px 0px;
	_margin: 10px 0 24px 0px;
	overflow: auto;
}
#contenu .blocVisuCommande {
	float: left;
	width:445px;
	height: 248px;
	padding: 0;
	margin: 0px 0 28px 0px;
	.margin: 0px 0 29px 0px;
	_margin: 0px 0 29px 0px;
	overflow: auto;
}
#contenu .blocVisuCommandeEntete {
	float: left;
	width:445px;
	padding: 0;
	margin: 10px 0 0px 0px;
	.margin: 10px 0 0px 0px;
	_margin: 10px 0 0px 0px;
}
#contenu .blocVisuCommandepied {
	float: left;
	width:445px;
	padding: 0;
	margin: 24px 0 0px 0px;
	.margin: 5px 0 0px 0px;
	_margin: 5px 0 0px 0px;
}
#contenu .bloctextepointsparrainage {
	float: left;
	width:445px;
	padding: 0;
	margin: 10px 0 0px 0px;
	.margin: 20px 0 0px 0px;
	text-align: justify;
}
#contenu .bloccommande {
	float: left;
	width:445px;
	height: 156px;
	padding: 0;
	margin: 0px 0 0px 0px;
	.margin: 0px 0 0px 0px;
	_margin: 0px 0 0px 0px;
	overflow: auto;
}
#contenu .scrollhistopoints {
	float: left;
	width:445px;
	height: 136px;
	padding: 0;
	margin: 0px 0 0px 0px;
	.margin: 0px 0 0px 0px;
	_margin: 0px 0 0px 0px;
	overflow: auto;
}
#contenu .titrePage {
	float: left;
	color: #b2b2b2;
	text-align: left;
	font-weight: bold;
	width: 400px;
	padding: 33px 0 5px 0;
}
#contenu .titreParrainage {
	float: left;
	color: #b2b2b2;
	text-align: left;
	font-weight: bold;
	width: 445px;
	padding: 0px 0 15px 0;
}
#contenu .bloccontenu .texte {
	float: left;
	width:405px;
	text-align: justify;
	padding: 0;
	margin:0px;
}

/* Entête
-------------------------------------------------------- */

#entete {
	float: left;
	width: 790px;
	height: 50px;
	margin: 0;
	padding:0;
	background-color: #000;
}
#entete .menu {
	float: left;
	width: 602px;
	height: 15px;
	margin: 0 0 0 188px;
	padding: 2px 0 0 0;
	color: #b2b2b2;
	text-align: right;
	background-image: url(../imag/fondMenu.gif);
}
#entete .menu  a:link  {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 10px;
}
#entete .menu  a:visited  {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 10px;
}
#entete .menu  a:hover  {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#entete .menu .flag {
	float: right;
	margin: 0;
	padding: 2px 0px 0 3px;
	color: #FFF;
	text-align: right;
	font-size: 10px;
}
#monCompte {
	float: left;
	width: 400px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding: 0 0 0 10px;
}

.formMonCompte {
	float: left;
	padding: 5px 5px 0 0;
	margin:0;
}

.blocMonCompte {
	float: left;
	padding:0;
	margin: 0;
}

.champFormMonCompte {
	font-size: 10px;
	padding: 0;
	margin: 0;
	color: #b2b2b2;
	overflow: hidden;
}

.menuMonCompte {
	float: left;
	color: #191919;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	width: 100%;
	padding: 0;
}

#monPanier {
	float: left;
	width: 250px;
	margin: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



/* Produit petit & grand
-------------------------------------------------------- */

.ListeProduitsPetits {
	float: left;
	width: 760px;
	margin: 0;
	padding: 0;
}

.produitPetit {
	float: left;
	width: 170px;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
}

.contourImage {
	border: 1px solid #0066CC;
	margin-bottom: 5px;
	float: left;
}

.titreProduit {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
}

.chapoProduit {
	color: #12335B;
	text-align: left;
	font-style: italic;
	font-size: 10px;
	line-height: 1.2em;
	margin-bottom: 5px;
	width: 100%;
}

.descriptionProduit {
	color: #12335B;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
}

.ficheProduit {
	float:left;
	width: 470px;
	margin-left: 10px;
}


a.LIEN_commander {
	color: #000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}
a.LIEN_commander:hover {
	color: #000;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

/* Divers éléments de formulaires & tableaux
-------------------------------------------------------- */

.enteteTableau {
	font-weight: bold;
	font-size: 10px;
	height: 16px;
	padding: 0px 0 0px 0;
	margin: 0;
	color: #b2b2b2;
	background-color: #181818;
}

.ligneTableau {
	font-size: 10px;
	height: 20px;
	.height:20px;
	margin: 0;
	padding: 0;
}

.footerTableau {
	font-weight: bold;
	font-size: 10px;
	height: 16px;
	padding: 0px 0px 0px 0;
	color: #b2b2b2;
	background-color: #181818;
}


.boutonMonCompteContenu {
	font-weight: bold;
	width: 415px;
	text-align: right;
	margin: 10px;
	font-size: 10px;
	color: #b2b2b2;
}

.zoneDeSaisie {
	color: #FFF;
	font-size: 9px;
	background-color: #191919;
	border: none;
	margin: 1px;
	height: 15px;
}
.zoneDeSaisiepetitchamps {
	color: #FFF;
	font-size: 9px;
	background-color: #191919;
	width: 146px;
	margin: 1px;
	border: none;
	height: 15px;
}
.zoneDeSaisiegrandchamps {
	color: #FFF;
	font-size: 9px;
	background-color: #191919;
	width: 296px;
	_width: 297px;
	.width: 304px;
	padding: 0px 0 0 2px;
	margin: 0px 0 0 1px;
	_margin: 0px 0 0 0px;
	.margin: 0px 0 0 0px;
	border: none;
	height: 15px;
	.height: 20px;
	_height: 20px;
}
.zoneDeSaisiegrand {
	color: #FFF;
	font-size: 9px;
	background-color: #191919;
	width: 296px;
	.width: 300px;
	_width: 300px;
	padding: 0px 0 0 0px;
	.padding: 0px 0 0 2px;
	margin: 0px 0 0 0px;
	.margin: 0px 0 0 1px;
	border: none;
	height: 16px;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 9px;
	color: #000;
}
.titrePage {
	color: #b2b2b2;
	text-align: left;
	font-weight: bold;
	width: 592px;
	padding: 10px 0 5px 0;
}

.sousTitrePage {
	float: left;
	color: #b2b2b2;
	text-align: left;
	font-weight: bold;
	width: 592px;
	padding: 0px 0 5px 0;
	_padding: 0px 0 0px 0; 
}
.separation {
	float: left;
	width: 592px;
	height: 20px;
	overflow: hidden;
}
.textePage {
	font-size: 10px;
}
.quantite {
	float: left;
	width: 20px;
	height: 14px;
	overflow: hidden;
	background-color: #191919;
	color: #b2b2b2;
	padding: 0;
	margin: 0 0 0 10px;
	_margin: 0 0 0 5px;
}
.plusmoins {
	float: left;
	width: 9px;
	height: 14px;
	overflow: hidden;
} 
.plus {
	float: left;
	width: 9px;
	height: 7px;
	overflow: hidden;
} 


/* Menu général
-------------------------------------------------------- */

#menuGeneral {
	float: left;
	width:178px;
	_width: 188px;
	padding: 0;
	margin: 0px 0 0 10px;
	_margin: 0px 0 0 0px;
}
#menuGeneral .description_produit{
	float: left;
	border: solid 2px black;
	height: 215px;
	width: 174px;
	margin: 38px 0 0 0;
	_margin: 35px 0 0 0;
	.margin: 35px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#menuGeneral .description_produit .txt{
	float: left;
	margin:0;
	padding: 0px 2px;
	width: 170px;
}
#menuGeneral .description_produit .txt p{
	float: left;
	margin:0; padding: 0;
	width: 170px;
}

dl, dt, dd, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

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

#menu {
	position: relative;
	padding: 0;
	margin: 0;
}

dl#menu {
	width: 178px;
}


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 10px;
	color: #b2b2b2;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 5px 0px;
	overflow: hidden;
}

dl#menu dt a:hover, dl#menu dt .selected {
	color: #000;
}

dl#menu dd {
	height: 15px;
}

dl#menu li {
}

dl#menu li a {
	font-size: 10px;
	color: #b2b2b2;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin:0;
	padding:5px 0 5px 15px;
	overflow: hidden;
}

dl#menu li a:hover, dl#menu li .selected {
	color: #000;
}

/* animations jquery
-------------------------------------------------------- */

ul#portfolio li {
	float: left;
	margin: 0; padding:0;
}
ul#portfolio1 li, ul#portfolio2 li, ul#portfolio3 li,  ul#portfolio4 li,  ul#portfolio5 li,  ul#portfolio6 li,  ul#portfolio7 li,  ul#portfolio8 li, ul#portfolio9 li,  ul#portfolio10 li,  {
	float: left;
	margin: 0; padding:0;
}
ul#portfolio2 li, {
	float: left;
	margin: 0; padding:0;
}

/* Pied de page
-------------------------------------------------------- */

#footer {
	float: left;
	width: 790px;
	height:45px;
	margin:0;
	padding:30px 0 0 0;
	background-color: #000;
}

#footer .menu {
	float: left;
	width: 592px;
	height: 12px;
	margin: 0 0 0 198px;
	_margin: 0 0 0 99px;
	padding: 2px 0 2px 0;
	color: #b2b2b2;
	text-align: right;
	background-image: url(../imag/fondMenu.gif);
}
#footer .menu  a:link  {
	color: #b2b2b2;
	text-decoration: none;
	font-size: 10px;
}
#footer .menu  a:hover  {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
#footer .menu .selected {
	color: #fff;
	text-decoration: none;
	font-size: 10px;
}

.fondgris {
color: #181818;
}

/* Signature
-------------------------------------------------------- */

#signature {
	padding: 0;
	width: 790px;
	color: #FFF;
	font-size: 10px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

a.lienhome:link  {
        color: #ff0000;
        text-decoration: underline;
        font-size: 10px;
}
a.lienhome:visited  {
        color: #ff0000;
        text-decoration: underline;
        font-size: 10px;
}
a.lienhome:hover  {
        color: #ff0000;
        text-decoration: underline;
        font-size: 10px;
}