/* 
 * 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   { font-size: 11px; font-family: Verdana, sans-serif; background-image: url(imageplus/fondgene.jpg); text-align: center; margin: 0; padding: 0 }

h1, h2, h3 { font-family: Verdana, sans-serif }

h1 { color: #fff; font-size: 12px; margin: 0; padding: 0 }
h2 { color: #000; font-size: 12px; margin: 10px; padding: 0 }
h3  { color: #fc0; font-size: 12px; 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
}

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

#wrapper     { text-align: left; margin-bottom: 0; margin-left: auto; padding: 0; width: 990px; overflow: visible }

#subwrapper    { background: url(imageplus/fondblanc.jpg) repeat-y; padding: 0; border-right: 1px none gray; border-bottom: 1px none; border-left: 1px none; position: relative; width: 990px; overflow: hidden; border-bottom-color: #999999; border-bottom-style: solid; border-left-color: #999999; border-left-style: solid; border-right-color: #999999; border-right-style: solid  }

#content      { background: white url(imageplus/fondblanc.jpg) repeat-y; clear: both; margin: 0; padding: 0 }

#contenu      { background: white url(imageplus/fondcontenu.jpg) repeat-x scroll; float: left; clear: left; margin: 10px; padding: 0; border: solid 1pt #ff7f50; position: relative; width: 940px }

.titrePage  { color: #000; font-weight: bold; text-align: left; padding-top: 10px; padding-bottom: 5px; width: 750px }

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

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

.separation  { background-color: #ff4500; margin-top: 5px; margin-bottom: 5px; width: 775px; height: 1px; overflow: hidden; zoom: 1 }




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

#entete  { color: #ffffff; background-color: black; float: left; margin: 0; padding: 10px 0; width: 990px }

.logo  { float: left; margin: 0; padding: 0 0 0 10px; width: 260px }

#monCompte  { float: left; margin: 0; padding: 0 0 0 10px; border-left: 1px #fc0; width: 400px; border-left-color: #FFFFFF; border-left-style: dotted }

.formMonCompte  { color: #696969; float: left; margin: 0 3px 0 0; padding: 5px 5px 0 0 }

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

.champFormMonCompte   { color: #696969; font-size: 0.9em; background-color: #e9f4fb; margin: 0; padding: 0; border: solid 1px #696969; overflow: hidden; zoom: 1  }

.menuMonCompte   { color: #dcdcdc; float: left; margin: 5px 0 0; padding: 0; width: 100% }

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

.boutonMonCompteEntete {	
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a.LIEN_entete:link  { color: #c0c0c0; font-weight: bold; font-size: 11px; text-decoration: none }

a.LIEN_entete:visited  { color: #c0c0c0; font-weight: bold; font-size: 11px; text-decoration: none }

a.LIEN_entete:hover  { color: #c0c0c0; font-weight: bold; font-size: 11px; text-decoration: underline }


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

#chemin   { color: #c0c0c0; font-weight: bold; font-size: 12px; background: white url(imageplus/fondblanc.jpg) repeat-y; float: left; margin: 0; padding: 10px; border-top: 1px none; width: 970px; border-top-color: #FFFFFF; border-top-style: solid  }

a.LIEN_chemin:link  { color: #000; text-decoration: none; background-image: url(imageplus/fondmenuhaut.jpg) }

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

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

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

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

.produitPetit   { float: left; margin: 20px 20px 0 0; padding: 0; width: 180px; height: 400px }

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

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

.chapoProduit  { color: #12335b; font-weight: 500; font-size: 12px; line-height: 1.2em; text-align: left; margin-bottom: 5px; width: 100% }

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

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

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


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

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

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

/* Nombre de pages
-------------------------------------------------------- */

#pages  { color: #000; font-size: 0.9em; text-align: right; float: left; margin: 0; padding-top: 10px; padding-bottom: 10px; width: 775px }

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

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

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


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

#footer  { color: #d3d3d3; font-size: 0.9em; background-image: url(imageplus/fondblanc.jpg); text-align: right; margin: 0px; padding-top: 0px; width: 960px; height: 35px; border-top-color: #000000  }

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

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

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

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

.enteteTableau  { color: #696969; font-weight: bold; background-color: #c0c0c0; border-bottom: 1px; border-bottom-color: #FFFFFF; border-bottom-style: solid }

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

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

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

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

.obligatoire {
	color: #FF0000;
}

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


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

#menuGeneral {
	float: left;
	width:175px;
	padding: 0;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;

}


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


dl#menu dt {
	cursor: pointer;
}

dl#menu dt a {
	font-size: 1.2em;
	color: #ec8000;
	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: #ffffff; background-color: #a9a9a9 }

dl#menu dd {
}

dl#menu li {
}

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

dl#menu li a:hover, dl#menu li .selected  { color: #ffffff; background-color: #a9a9a9 }

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