/* 
 * 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: #ffffff;
	/*background-color: #1565AA;*/
	font-size: 0.8em;
}

h1, h2, h3{
	font-family: "Trebuchet MS", sans-serif;
}

h1{
	font-size: 1.8em;
	margin: 0;
	padding: 0;
}
h2{
	font-size: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	font-size: 1.1em;
	margin: 0;
	padding: 0;
}

a {
	color: #EC8000;
	text-decoration: none;
}

a:visited {
	color: #EC8000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #EC8000;
}

img {
	border: 0
}

/* Index
-------------------------------------------------------- */

#blocs_index {
	clear:both;
	margin-top:5px;
	width:997px;
	height:204px;;
}

#bloc1_grand {
	float:left;
	width:324px;
	height:204px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc1.jpg);
}

#bloc1_grand_rob{
	float:left;
	width:324px;
	height:204px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc1_rob2.jpg);
}

#bloc1_grand h3, #bloc1_grand a, #bloc1_grand_rob a {
	display:block;
	width:324px;
	height:204px;
}

#bloc2_grand {
	float:left;
	width:324px;
	height:204px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc2.jpg);
	font-weight:bold;
	font-size:1.2em;
}
#bloc2_grand a {
	color:#2f6488;
}
#bloc2-notices {
	margin:104px 0 0 10px;
}
#bloc2-conseils {
	margin:4px 0 0 15px;
}

#bloc3_grand {
	float:left;
	width:324px;
	height:204px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc3.jpg);
	font-weight:bold;
	font-size:1.2em;
}
#bloc3_grand a {
	color:#666666;
}
#bloc3-2_grand {
	float:left;
	width:324px;
	height:204px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc3-2.jpg);
	font-weight:bold;
	font-size:1.2em;
}
#bloc3-2_grand a {
	color:#666666;
}
#bloc3-livraisons {
	margin:104px 0 0 50px;
}
#bloc3-financements {
	margin:4px 0 0 15px;
}
#bloc3-autre {
	margin:4px 0 0 20px;
}

#blocs_index2 {
	clear:both;
	margin-top:1px;
	width:997px;
	height:49px;;
}

#bloc-marques {
	float:left;
	width:324px;
	height:49px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc-marques.jpg);
}
#bloc-marques a{
	display:block;
	width:324px;
	height:49px;
	margin:0;
	padding:0;
}
#bloc-marques a span{
	display:none;
}

#form_marques {
	float:left;
	width:424px;
	margin-left:6px;
}
#form_marques p{
	float:left;
	padding:0;
	margin:3px 0 0 0;
}

#bloc-compte {
	float:left;
	width:324px;
	height:49px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc-compte.jpg);
}

#bloc-panier {
	float:left;
	width:174px;
	height:26px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc-panier.jpg);
	padding:23px 0 0 150px;
}
*+html #bloc-panier {
	height:30px;
	padding:19px 0 0 150px;
}
* html #bloc-panier {
	height:30px;
	padding:19px 0 0 150px;
}

#bloc-recherche {
	float:left;
	width:184px;
	height:29px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc-recherche.jpg);
	padding:20px 0 0 140px;
}
*+html #bloc-recherche {
	height:30px;
	padding:16px 0 0 140px;
}
* html #bloc-recherche {
	height:30px;
	padding:16px 0 0 140px;
}
#blocs_index3 {
	clear:both;
	margin-top:1px;
	width:997px;
	height:130px;
}
#bloc-argumentaire {
	float:left;
	width:654px;
	height:130px;
	background-image:url(client/gfx/images/index/bloc-argumentaire.jpg);
	margin-left:6px;
}

#bloc-argumentaire_rob{
	float:left;
	width:654px;
	height:130px;
	background-image:url(client/gfx/images/index/bloc-argumentaire-rob.jpg);
	margin-left:6px;
}

#bloc-argumentaire h1 {
	display:block;
	visibility:hidden;
	width: 654px;
	height: 40px;
	font-size:1.5em;
}
#bloc-argumentaire_rob h1 {
	display:block;
	visibility:hidden;
	width: 654px;
	height: 40px;
	font-size:1.5em;
}
#txt-argumentaire {
	width:485px;
	font-size:0.85em;
	color:#FFFFFF;
	margin:4px 0 0 19px;
	line-height:11px;
	text-align:justify;
}

#bloc-paiement {
	float:left;
	width:300px;
	height:90px;
	margin-left:6px;
	background-image:url(client/gfx/images/index/bloc-paiement.jpg);
	padding:40px 0 0 24px;
	font-size:0.85em;
	font-weight:bold;
	line-height:16px;
}
#bloc-paiement a {
	color:#FFFFFF;
}

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

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

#subwrapper {
	overflow: hidden;
	position: relative;
	padding: 0;
	width: 997px;
	background-color: #1771b0;
}

#content {
	padding: 0;
	clear: both;
	margin: 0;
}

#contenu_haut {
	background-image:url(client/gfx/images/contenu/contenu_haut.jpg);
	width:984px;
	height:8px;
	margin-left:6px;
}
#contenu_fond {
	background-image:url(client/gfx/images/contenu/contenu_fond.jpg);
	width:984px;
	background-repeat:repeat-y;
	margin-left:6px;
	margin-right:6px;
	min-height:407px;
  	height:auto !important;
  	height:407px;
	overflow:hidden;
}
#contenu_bas {
	clear:both;
	background-image:url(client/gfx/images/contenu/contenu_bas.jpg);
	width:984px;
	height:7px;
	margin-left:6px;
}

#contenu {
	float: left;
	width:764px;
	padding: 0;
	/*margin-top: 7px;*/
	margin-right: 4px;
	margin-bottom: 7px;
	margin-left: 10px;
}

#contenu2{
	float: left;
	width:764px;
	padding: 0;
	/*margin-top: 7px;*/
	margin-right: 4px;
	margin-bottom: 7px;
	margin-left: 200px;
}

#contenu3{
	float: left;
	width:764px;
	padding: 0;
	/*margin-top: 7px;*/
	margin-right: 4px;
	margin-bottom: 7px;
	margin-left: 100px;
}

#blocs_haut {
	clear:both;
	margin-top:5px;
	width:997px;
	height:49px;;
}
#blocs_bas {
	clear:both;
	margin-top:1px;
	width:997px;
	height:64px;
}
#blocs_bas2  {
	clear:both;
	margin-top:1px;
	width:997px;
	height:130px;
}
#bloc1_petit {
	float:left;
	width:324px;
	height:64px;
	margin-left:6px;
	background-image:url(client/gfx/images/contenu/bloc1.jpg);
}
#bloc1_petit h3, #bloc1_petit a {
	display:block;
	width:324px;
	height:64px;
}
#bloc2_petit {
	float:left;
	width:324px;
	height:64px;
	margin-left:6px;
	background-image:url(client/gfx/images/contenu/bloc2.jpg);
}
#bloc2_petit h3, #bloc2_petit a {
	display:block;
	width:324px;
	height:64px;
}
#bloc3_petit {
	float:left;
	width:324px;
	height:64px;
	margin-left:6px;
	background-image:url(client/gfx/images/contenu/bloc3.jpg);
}
#bloc3_petit h3, #bloc3_petit a {
	display:block;
	width:324px;
	height:64px;
}
#bloc3-2_petit {
	float:left;
	width:324px;
	height:64px;
	margin-left:6px;
	background-image:url(client/gfx/images/contenu/bloc3-2.jpg);
}
#bloc3-2_petit h3, #bloc3-2_petit a {
	display:block;
	width:324px;
	height:64px;
}

.titrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
	/*height:40px;*/
}
.titrePageDetail {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 5px;
	height:40px;
}

.sousTitrePage {
	color: #12335B;
	text-align: left;
	font-weight: bold;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.textePage {
	color: #141414;
	text-align: left;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}

.separation {
	height: 1px;
	width: 600px;
	background-color: #7f8eb9;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow:hidden;
	/*zoom:1;*/
}

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

#entete_index {
	width: 997px;
	height:227px;
	margin: 0;
	padding: 0;
}

#liens_entete_index {
	width:997px;
	height:20px;
	background-color:#104A9c;
	text-align:center;
	line-height:12px;
	padding-top:5px;
}
#liens_entete_index1 {
	float: left;
}
#liens_entete_index1 a {
	font-size:11px;
	color:#4b95c4;
}
#liens_entete_index2 {
	float: right;
}
#liens_entete_index2 a {
	font-size:12px;
	color:#ffffff;
	font-weight: bold;
}

#photo-g_entete_index {
	float: left;
	width:271px;
	height:202px;
	background-image:url(client/gfx/images/header/photo-header-index-g.jpg);
}
.logo_index {
	float: left;
	width: 455px;
	height:202px;
	background-image:url(client/gfx/images/header/logo-header-index.jpg);
}
.logo_index h1 {
	display:block;
	/*visibility:hidden;*/
	width: 455px;
	height: 202px;
}
.logo_index_rob {
	float: left;
	width: 455px;
	height:202px;
	background-image:url(client/gfx/images/header/logo-header-index2.jpg);
}
.logo_index_rob h1 {
	display:block;
	/*visibility:hidden;*/
	width: 455px;
	height: 202px;
}
.none {
	display:none;
}
#photo-d_entete_index {
	float: left;
	width:271px;
	height:202px;
	background-image:url(client/gfx/images/header/photo-header-index-d.jpg);
}

#entete {
	width: 997px;
	height:140px;
	margin: 0;
	padding: 0;
}

#photo-g_entete {
	float: left;
	width:271px;
	height:120px;
	background-image:url(client/gfx/images/header/photo-header-g.jpg);
}

.logo {
	float: left;
	width: 455px;
	height:120px;
	background-image:url(client/gfx/images/header/logo-header.jpg);
}

.logo_rob{
	float: left;
	width: 455px;
	height:120px;
	background-image:url(client/gfx/images/header/logo-header_rob.jpg);
}

.logo_rob h1, .logo_rob a{
	display:block;
	/*visibility:hidden;*/
	width: 455px;
	height: 120px;
}

.logo_gen{
	float: left;
	width: 455px;
	height:120px;
	background-image:url(client/gfx/images/header/logo_gen.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

.logo_bg{
	float: left;
	width: 455px;
	height:120px;
	background-image:url(client/gfx/images/header/bg_logo_gen.jpg);
	background-repeat:repeat-x;
}

.logo_gen h1, .logo_gen a{
	display:block;
	/*visibility:hidden;*/
	width: 455px;
	height: 120px;
}

.logo h1, .logo a {
	display:block;
	/*visibility:hidden;*/
	width: 455px;
	height: 120px;
}
.none {
	display:none;
}
#photo-d_entete {
	float: left;
	width:271px;
	height:120px;
	background-image:url(client/gfx/images/header/photo-header-d.jpg);
}


/*#monCompte {
	float: left;
	width: 400px;
	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;
}*/
.blocMarques {
	float:left;
	margin:1px 0 0 10px;
	width:153px;
}

.boutonMarquesEntree {
	float:left;
	margin:0 0 0 10px;
}



.menuMonCompte {
	color: #666666;
	margin-top: 9px;
	padding-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
	width: 314px;
	height:17px;
	text-align:right;
}

*+html .menuMonCompte {
	margin-top: 5px;
}
* html .menuMonCompte {
	margin-top: 5px;
}

.blocMonCompte {
	padding:0;
	height:20px;
	margin-left:6px;
}
*+html .blocMonCompte {
	padding-top: 3px;
	margin-left:7px;
}
* html .blocMonCompte {
	padding-top: 3px;
	margin-left:7px;
}

.formMonCompte {
	float: left;
	/*padding-top: 5px;*/
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
	margin-left: 0;
}
*+html .formMonCompte {
	margin-right: 1px;
}
* html .formMonCompte {
	margin-right: 1px;
}

.champFormMonCompte {
	font-size: 0.9em;
	height:16px;
	padding: 0;
	margin: 0;
	color: #12335B;
	background-color: #dbe0e2;
	border: 1px solid #dbe0e2;
	overflow: hidden;
}
.boutonMonCompteEntete {
	float: left;
	height:18px;
	width:22px;
	padding: 0;
	margin: 0;
	/*margin-top: 5px;*/
	cursor:pointer;
}
*+html .boutonMonCompteEntete {
	margin-top: 1px;
}
* html .boutonMonCompteEntete {
	margin-top: 1px;
}


#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;
}


a.LIEN_entete:link {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:visited {
	font-size: 0.8em;
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_entete:hover {
	font-size: 0.8em;
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}


/* Chemin
-------------------------------------------------------- */

#chemin {
	float: left;
	width:970px;
	color: #a9c9e9;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #0066CC;
	margin: 0;
	padding: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

a.LIEN_chemin:link {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:visited {
	color: #a9c9e9;
	text-decoration: none;
}

a.LIEN_chemin:hover {
	color: #a9c9e9;
	text-decoration: underline;
}

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

.ListeProduitsPetits {
	float: left;
	width: 764px;
	margin: 0;
	padding: 0;
	margin-top:7px;
}

.produitPetit {
	float: left;
	background-image:url(client/gfx/images/contenu/fond_produit.jpg);
	background-repeat:no-repeat;
	width: 237px;
	height:205px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0;
	padding-right:12px;
}

.contourImage {
	border: 1px solid #e8e8e8;
	float: left;
}

.titreProduit {
	text-align: left;
	margin-top: 5px;
	margin-bottom: 3px;
	/*width: 100%;*/
}
.titreProduit h3, .titreProduit a {
	color: #333333;
	font-weight: bold;
	font-size:1em;
}

.chapoProduit {
	color: #666666;
	text-align: left;
	font-style: italic;
	font-size: 0.85em;
	line-height: 1.2em;
	margin-bottom: 5px;
	padding-left:110px;
	/*width: 100%;*/
}
.chapoProduitDetail {
	color: #666666;
	text-align: left;
	font-style: italic;
	font-size: 0.85em;
	line-height: 1.2em;
	margin-bottom: 5px;
	/*width: 100%;*/
}

.descriptionProduit {
	color: #666666;
	text-align: left;
	font-size:0.85em;
	width:440px;
}

.prixProduit {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
	padding-left: 110px;
}
.plusProduit {
	clear:both;
	text-align:left;
	padding-left: 110px;
}
.prixProduitDetail {
	color: #EC8000;
	text-align: left;
	font-weight: bold;
}

.ficheProduit {
	float:left;
	width: 440px;
}


a.LIEN_commander:link {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:visited {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_commander:hover {
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}

/* Nombre de pages
-------------------------------------------------------- */
#pages {
	float: left;
	width: 745px;
	text-align: right;
	font-size: 0.8em;
	margin: 0;
	color: #777777;
}

a.LIEN_pages:link {
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:visited {
	color: #777777;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_pages:hover {
	color: #777777;
	text-decoration: underline;
	font-weight: bold;
}

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

#footer{
	clear:both;
	width: 897px;
	height:216px;
	background-color:#1565aa;
	color: #4b95c4;
	font-size: 0.9em;
	margin-top:23px;
	margin-bottom:23px;
	text-align: center;
	font-size: 0.8em;
	padding-left: 50px;
	padding-right: 50px;
}

a.LIEN_footer:link {
	color: #4b95c4;
	text-decoration: none;
}

a.LIEN_footer:visited {
	color: #4b95c4;
	text-decoration: none;
}

a.LIEN_footer:hover {
	color: #4b95c4;
	text-decoration: underline;
}

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

.enteteTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #dedce6;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.ligneTableau {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	font-size: 0.9em;
}

.footerTableau {
	color: #12335B;
	font-weight: bold;
	background-color: #bdbbcd;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

.boutonMonCompteContenu {
	font-weight: bold;
	width: 590px;
	text-align: right;
	margin: 10px;
}

.boutonMonCompteContenu2 {
	font-weight: bold;
	width: 740px;
	text-align: right;
	margin: 10px;
}

.boutonMonCompteContenu3 {
	font-weight: bold;
	width: 600px;
	text-align: right;
	margin: 10px;
}

.zoneDeSaisie {
	color: #12335B;
	font-weight: bold;
	font-size: 0.9em;
}

.obligatoire {
	color: #FF0000;
}

.commentaires {
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
	color: #12335B;
}


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

#menuGeneral {
	float: left;
	width:200px;
	padding: 0;
	margin-right: 0;
	margin-bottom: 7px;
	margin-left: 6px;

}


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: 200px;
}


dl#menu dt {
		border-bottom:dotted 1px #CCCCCC;
		font-weight:bold;
		font-size: .9em;
		color:#1771b0;
		padding:5px 0 5px 7px;
}

/*dl#menu dt a {
	font-size: .9em;
	color: #1771b0;
	font-weight: bold;
	text-decoration: none;
	display: block;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	/*zoom: 1;*/
}*/

dl#menu dt a:hover, dl#menu dt .selected {
	color: #104a9c;
	text-decoration:underline;
	/*background-color: #EC8000;*/
}

dl#menu dd {
}

dl#menu li {
	background-image:url(client/gfx/images/puce.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom:dotted 1px #CCCCCC;
}

dl#menu li a {
	font-size: 0.85em;
	color: #666666;
	/*font-weight: bold;*/
	text-decoration: none;
	display: block;
	margin:0;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	/*zoom: 1;*/
}

dl#menu li a:hover, dl#menu li .selected {
	color: #333333;
	text-decoration:underline;
	/*background-color: #EC8000;*/
}

.invisibleW3C {
	width: 0; 
	height: 0;
	padding: 0; 
	margin: 0;
}

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

#signature {
	padding: 0;
	width: 980px;
	color: #808185;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-weight: bold;
}

.W3C {
	width: 88px;
	margin: 0;
	padding: 0;
	float: right;
}

a.LIEN_signature:link {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:visited {
	color: #808185;
	text-decoration: none;
	font-weight: bold;
}

a.LIEN_signature:hover {
	color: #808185;
	text-decoration: underline;
	font-weight: bold;
}