/*CSS Framework SAM - V1.0 - Silicon Salad*/

/*RESSOURCES :
 * http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
 * http://www.nealgrosskopf.com/designs/guides/css/starter.php
 * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */

/*INCLUS :
 * collection de polics (sans-serif/serif)
 * fonctions de reset
 * styles pour les titres/paragraphes/liens/listes/images
 * mise en page standard pour les tableaux
 * liste des propri�t�s pour les formulaires
 * classes utilitaires (clear, floats, word-wrap, etc..)
 * 
 */

/*COLLECTIONS DE POLICES
 * 
 *SERIF
 * 
 *font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif; 
 *font-family: Georgia, "DejaVu Serif", Norasi, serif;
 * 
 *SANS-SERIF 
 *
 *font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; 
 *font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
 *font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; 
 *font-family: Tahoma, Geneva, Kalimati, sans-serif; 
 *font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif; 
 *font-family: Impact, "Arial Black", sans-serif;
 *
 */

/*PAGE*/

html {
	font-size: 100% !important /*Suppression d'un bug IE6-7 concernant les em */
}

body {
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Prendre dans les collections en haut de page */
	font-size:.70em;
	line-height:1.4;
	color:#333;
	background: #EAEEEE url(../images/global/bg_body.gif) 0 0 repeat-x
}

/*TITRES*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em 0;
	line-height:1.2;
	font-weight:bold; /* Valeur par défaut */
	font-style:normal
}

h1 {
	font-size: 2em
}

h2 {
	font-size: 1.75em
}

h3 {
	font-size: 1.25em
}

h4 {
	font-size: 1.25em
}

h5 {
	font-size: 1em
}

h6 {
	font-size: 1em
}

/*PARAGRAPHES*/

p {
	margin: .75em 0 /* N'annule pas la marge, mais la r�duit - Peut-�tre annul�e */
}

p:first-letter {	
}

/* La balise <address> est utilis�e dans le footer pour identifier le propri�taire du site */
address {
	margin:.75em 0;
	font-style:normal
}
 
/*LIENS*/

a {
	color:#70AA00;
	text-decoration:underline
}

a:link {
	color:#70AA00; /*D�finir une couleur par dafaut pour tous les liens du site*/
	text-decoration:underline
}

a:hover, a:focus, a:active {
	color:; /*D�finir une couleur par d�faut pour les �tats hover/actve/focus du site*/
	text-decoration:none
}

a:active, a:focus {
	outline:none !important /*Supprime la bordure en pointill� lors du clic sur un lien*/
}

a img {
	border: 0 none /*Supprime la bordure autour des images ayant un lien. L'inclusion du 0 �vite un bug IE8*/
}

/*IMAGES*/

img {
	border: 0 none;
	display:block
}

/*Permet de mettre en pages les images vis � vis du texte*/

.img-right {
	float:right;
	margin: 0 0 1em 1em
}

.img-left {
	float:left;
	margin: 1em 1em 1em 0
}

/*LISTES*/

/*listes normales*/

ul, ol {
	margin: 0 .75em 0 0;
	padding:0;
	list-style-type:none
}


/*listes de d�finitions*/

/*Definition liste*/
dl {
	margin:.75em 0
}

/*Definition titre*/
dt {
	margin: .75em 0 0;
	font-weight:bold
}

/*Definition*/
dd {
	margin:.25em 0
}
 
/* TABLEAUX */
 
table { 
  margin: 0; 
  border: 1px solid gray; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par d�faut: "separate". */ 
  border-spacing: 0; 
} 

table td, table th { 
  padding: 4px; /* Pas de retrait autour du texte = "0". */ 
  border: 1px solid #ccc; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par d�faut: "middle" */ 
}

/*FORMULAIRES*/

form, fieldset { 
  margin: 0; 
  padding: 0; 
  border: none 
}

input, button, select { 
  vertical-align: middle; 
}

legend { color: #000000; }

label { }

select { }

option { }

textarea { }

input[type="button"] { }

input[type="checkbox"] { }

input[type="file"] { }

input[type="hidden"] { }

input[type="image"] { }

input[type="password"] { }

input[type="radio"] { }

input[type="reset"] { }

input[type="submit"] { }

input[type="text"] { }

button { }

/*CLASSES UTILITAIRES*/

.left {
	float:left;
	display:inline /*Suppression d'un bug IE6*/
}

.right {
	float:right;
	display:inline
}

.clear {
	clear:both
}

.indent {
	text-indent:-999em /*S'utilise pour les titres en image par exemple*/
}

.wrap {
	word-wrap: break-word;
 	white-space: normal
}

.pre {
	white-space: pre
}

.none {
	display: none
}

.no_background {
	background:none !important
}

/*CSS pour les effets */

/*Carousel*/

.carousel {
	width:380px !important;
	height:85px;
	padding:10px;
	overflow:hidden;
	position:relative;
	z-index:3000 !important;

}

#produit-visuel {
	width:400px;
	height:400px;
	position:relative
}

.widget {
	position:absolute;
	bottom:0;
	
}

.carousel li {
	display:block;

}

.carousel li a{
	margin:0 5px;
	float:left;
	display:inline-block
}

#boxcaption {
    float: left;
    position: absolute;
		background:#ccc;
		opacity:.9;
    height: 100px;
    width: 100%;
    
 			}
 				.captionzoom #boxcaption {
 					top: 105px;
 					left: 0;
 				}

#carousel-content {
	position:absolute;
	bottom:0;
	left:0;
	background-image: url(transparent.gif); 
	z-index:3000
}



.prev, .next{
	width:15px;
	height:50px;
	position:absolute;
	top:15px;
	display:block;
	background:#000;
	z-index:1000
}

.prev {
	left:0
}

.next {
	right:0
}

/*Test*/