/* 
 * 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:justify;
	background-repeat:repeat-x;
	font-size: 0.8em;
}

* { margin:0; padding:0; }

img {
	border: 0;
	padding:0px;
	margin:0px;
}


/* Page
-------------------------------------------------------- */
#main {
	position:absolute; /* on positionne le conteneur */
	left:50%;
	width:900px;
	margin-left:-450px;
	color:#666666;
	text-align:justify;
}

#bloc_principal {
	float:left;
	width:885px;
	padding-left:15px;
	background-color:#FFFFFF;
}

#bloc_secondaire {
	float:left;
	width:870px;
	height:77px;
	margin-top:20px;
	background-image:url(images/fond_bloc_secondaire.png);
	background-repeat:no-repeat;
	padding:15px;
	padding-top:8px;
}




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

#entete {
	float:left;
	width: 899px;
	height:236px;
	color:#FFFFFF;
}

#compte_panier_entete {
	float:left;
	width:190px;
	text-align:center;
	background-image:url(images/fond_compte_panier.png);
	background-repeat:no-repeat;
	height:24px;
	color:#0a2e80;
	margin-top:10px;
	margin-left:150px;
	font-size:10px;
	font-weight:bold;
	padding-top:2px;
}

#compte_panier_entete a {
	color:#0a2e80;
	text-decoration:none;
}

#compte_panier_entete a:hover {
	color:#0a2e80;
	text-decoration:underline;
}

#seconnecter_entete {
	float:left;
	margin-top:5px;
	margin-left:200px;
	color:#fea8b6;
	font-size:11px;
	width:280px;
}

#seconnecter_entete a {
	color:#fea8b6;
	text-decoration:none;
}

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


/* MENU
-------------------------------------------------------- */

#menu {
	float:left;
	width: 900px;
	margin-top:15px;
	height:43px;
	color:#FFFFFF;
}
#menu_gauche {
	float:left;
}
#menu_centre {
	float:left;
	width:884px;
	height:43px;
	background-image:url(images/menu/fond_menu.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}
#menu_droite {
	float:left;
}

/* ACCUEIL
-------------------------------------------------------- */
#edito_accueil {
	float:left;
	padding-top:10px;
	font-size:11px;
	text-align:justify;
}

.cdc_acceuil a {
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	width:100px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
}

.cdc_acceuil a:hover {
	float:left;
	margin-top:10px;
	margin-bottom:5px;
	width:100px;
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
}


#zone_cdc_1 {
	float:left;
	padding-top:20px;
	width:410px;
	border-top:1px outset;
	background-color:#F1F1F1;
	display:block;
}

#zone_cdc_2, #zone_cdc_3, #zone_cdc_4 {
	float:left;
	display:none;
	padding-top:20px;
	width:410px;
	border-top:1px outset;
	background-color:#F1F1F1;
}

#contenu_cdc {
	float:left;
	width:360px;
	margin-left:20px;
	background-image:url(images/accueil/fond_cdc.jpg);
	background-repeat:repeat-y;
}

/* PRODUIT 
-------------------------------------------------------- */
.detail_produit {
	float:left;
	width:85px;
	background-image:url(images/produit/separation_menu.jpg);
	background-repeat:no-repeat;
	background-position:right;
	text-align:center;
	padding-right:2px;
	font-size:10px;
}

.detail_produit a {
	text-decoration:none;
	color:#0084a8;
}

.detail_produit a:hover {
	text-decoration:underline;
	color:#0084a8;
}

#bloc_sous_menu {
	float:left;
	margin-top:10px;
	padding:5px;
	border:1px solid #efefef;
}

#description_produit {
	float:left;
}
.texte_produit {
	float:left;
	margin:20px;
	width:650px;
	text-align:justify;
}

#droite_produit {
	float:left;
	padding-left:5px;
}



#zone_produit_1 {
	float:left;
	padding-top:20px;
}

#zone_produit_2, #zone_produit_3, #zone_produit_4, #zone_produit_5 , #zone_produit_6 , #zone_produit_7 , #zone_produit_8  {
	float:left;
	padding-top:20px;
}

/* RUBRIQUE
------------------------------------------------------- */
#edito_rubrique {
	float:left;
	width:680px;
	padding:10px;
	font-size:11px;
}
#pub_haut_rubrique {
	float:left;
	margin-top:10px;
}

#droite_rubrique {
	float:left;
	padding-left:5px;
}
/* PIED
-------------------------------------------------------- */

#pied {
	float:left;
	width: 900px;
	height:30px;
	color:#0084a8;
	text-align:center;
}

#pied a {
	color:#0084a8;
	text-decoration:none;
	font-size:11px;
}

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

#signature {
	padding: 0;
	width: 900px;
	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;
}

/* STYLE DE TOUTES LES PAGES */

.titrePage {
	color:#131F83;
	margin:10px;
}

.sousTitrePage {
	margin:10px;
	color:#CF005F;
}

/* 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: solid;
	border-bottom-color: #c6cdde;
	font-size: 1em;
	font-weight:bold;
}

.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: 765px;
	text-align: right;
	margin: 10px;
}

.boutonValider {
	border:0;
	background:none;
	color:#000066;
	cursor:pointer;
	font-weight:bold;
	font-size:14px;
}

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

/* STYLE DES LIENS */
a {
	font-size:12px;
	color:#131F83;
	text-decoration:none;
}

a:hover {
	font-size:12px;
	color:#131F83;
	text-decoration:underline;
}

a.lien_entete {
	font-weight:normal;
	font-size:11px;
}