/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu-fr, #menu-en, #photoAccueil, #menuSec, #menuBas, #menuLateral, #socialBookmarker, #bookmarkHoverPopup, #moteurRecherche, .btnDetailItem, .btnAddItem, #VoirPanier, .bouton{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{font-family: Arial, Verdana, Tahoma;}

/* Réinitialisation des éléments */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

h1, .h1{border-bottom: 1px dotted #999999;
	font-size:24px;
	margin-top:6px;
	margin-bottom:6px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	text-decoration:none;
	font-size:17px;
	padding:0 0 6px 5px;}
h1 a, h1 a:link, h1 a:visited, .h1 a, .h1 a:link, .h1 a:visited{color:#007C5C ;text-decoration:none;}

h2{color:#007c5c; font-size:15px; margin-bottom:4px;}
h2 a, h2 a:link, h2 a:visited{color:#007C5C ;}
.both{clear:both;}

#photoAccueil{border:1px solid #a3a3a3;height:233px;overflow:hidden;}

#envoiDemande legend, #formQuestion legend{font-size: 14px; font-weight: bold; color:#007c5c; padding:3px 0;border: 0px solid #999;}
#envoiDemande label, #formQuestion label{width:150px;font-size: 12px; color:#000;}
.champTexte, .boiteTexte{width:300px;}

/* 02_100 : PAGE ITEM LISTE */
.boiteItem{width:350px;height:145px;padding:1px;border:1px solid #b9b9b9;margin:6px;}
.boiteItem .imgItem{border:1px solid #b9b9b9;float:left;}
.boiteItem .infoItem{float:left;margin:10px;}
.boiteItem .infoItem p.nomItem{font-weight:bold;font-size:15px;color:#444;}
.boiteItem .infoItem p.prixItem{font-size:20px;color:#007c5c;}
.boiteItem .infoItem p.prixItem .textBarre{font-weight:bold;color:#444;font-size:14px;text-decoration:line-through;}


#itemDetail #prix{font-size:20px;color:#007c5c;}
#itemDetail #prix .textBarre{font-weight:bold;color:#444;font-size:14px;text-decoration:line-through;}

/* 
--------------------------------------------------------------------------------------- */
#colonneGauche{
	width:33%;
	float:left;
}
#colonneDroite{
	width:66%;
	float:right;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #353535; text-decoration: none;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#353535; text-decoration:underline;}

ul li{font-size:12px; line-height:150%; list-style:square; margin-left:16px;color:#000;}
ol li{font-size:12px; line-height:150%; color:#000; margin-left:16px;}