/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#ffffff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#ffffff; font-size: 1.1em; }

h2 { color:#ffffff; font-size: 1.3em; }

h3 { color:#ffffff; font-size: 1.17em; }

h4 { color:#ffffff; font-size: 1em; }

h5 { color:#ffffff; font-size: 0.83em; }

h6 { color:#ffffff; font-size: 0.67em; }

p { color:#ffffff; font-size: 1em; }

ul, ol { color:#ffffff; font-size: 1em; }

li { color:#ffffff; font-size: 1em; }

a { color:#ffffff; text-decoration:underline; }

a:hover { text-decoration:none; color:#ffffff; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur apr?s le clic */

input {  }

textarea {  }

em { }

strong { }

/* ?l?ments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft { float:left; margin-right:1em; }

.imgRight { float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }

.alignbottom { vertical-align:bottom; }

.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }

.right { text-align: right; }

.center { text-align: center; }

.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }

.italic, .italique { font-style: italic; }

.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }

.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }

.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi { width:470px; }

#frmEnvoi input, textarea { background-color:transparent; border:#FFFFFF solid 1px; }

#frmEnvoi .INPUT2 { border:none; }

#frmEnvoi .field { text-align:right; margin-top:10px; }

/* Accueil */
.ficheProduit { float:left; margin:10px auto; border:#FFFFFF solid 1px; padding:10px 5px; background-color:transparent; }

.produit { float:left; width:243px; padding:0 0 0 10px; }

#menu-interne { clear:both; padding:0 0 0 0; margin:0; height:25px; }

#menu-interne li { list-style: none outside; float:left; margin:0; padding:0;}

#menu-interne a { text-decoration: none; display: block; border:1px solid #fff; background:#1F1F1F url('../images/fond-li-interne-2.png') no-repeat center; padding:3px 0 4px 0; margin:0; font: bold italic 11px/16px Verdana, Arial, Helvetica, sans-serif; white-space:nowrap; text-align:center}

#ali1 { width:241px}

#ali2 { width:131px;}

#ali3 { width:140px}

#ali4 {width:178px}

#ali5 {width:199px}

#ali6 {width:135px}

#ali7 { width:235px}

#ali8 { width:106px}

#ali9 { width:113px}

#ali10 { width:56px}

#menu-interne a:hover, #menu-interne a.selected { text-decoration: none; background:#656565 url('../images/fond-li-interne.png') no-repeat center}

#contenu-interne { border: 1px solid #fff; border-top:none;  clear:both; padding:1em; zoom:1 }

#contenu-interne:after { content:"."; display: block; clear:both; visibility:hidden; height:0}

#contenu-interne p {}

#contenu-interne h3 { text-align:center; font: bold 16px Verdana, Arial, Helvetica, sans-serif; padding:0 0 0.5em 0; letter-spacing:2px}

#contenu-interne h4 { font: bold 12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0 0 10px 0}

#contenu-interne h5 {font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0}

.double-colone-left { float:left; width:48%}

.double-colone-right { float:right; width:48%}

.double-colone-left div.texte, .double-colone-right div.texte { padding:0 0 0 15px}

.nuancier-basique {zoom:1;}

.nuancier-basique:after { content:""; clear:both; display:block;}

.nuancier-basique li { list-style: none outside; float:left; width:58px; padding:0 10px 10px 10px; text-align:center}

.nuancier-fluo {zoom:1}

.nuancier-fluo:after { content:"_"; clear:both; display:block; visibility: hidden; height:0}

.nuancier-fluo li { list-style: none outside; float:left; width:58px; padding:0 10px 10px 10px; text-align:center}

.nuancier-metallique {zoom:1}

.nuancier-metallique:after { content:""; clear:both; display:block;}

.nuancier-metallique li { list-style: none outside; float:left; width:110px; padding:0 5px 10px 5px; text-align:center}

/*//////////////////////////////// fiche produit ///////////////////////////////////*/

#contenu-interne .fiche-t-shirt { width:418px;  border:1px solid #fff; background: #949494; margin: 0 35px 10px 35px; _margin: 0 24px 10px 24px; color:#fff; float:left}

#contenu-interne  h3.titre-t-shirt  { text-align:center; font: bold 14px/10px Verdana, Arial, Helvetica, sans-serif; color:#fff; height:13px; padding-top:7px; border-bottom:1px solid #fff;}

#contenu-interne .fiche-t-shirt .image-t-shirt {  width:152px; height:152px; padding:5px; background:#656565;  margin:0 auto; float:left; text-align:center; position:relative; z-index:9 }

#contenu-interne .fiche-t-shirt .image-t-shirt  a img { filter : alpha(opacity=100); -moz-opacity : 1; opacity : 1; border: 1px solid #fff }

#contenu-interne .fiche-t-shirt .image-t-shirt a:hover img { filter : alpha(opacity=70); -moz-opacity : 0.7; opacity : 0.7; }

#contenu-interne .fiche-t-shirt .image-t-shirt  img { border: 1px solid #fff }

#contenu-interne .fiche-t-shirt .image-t-shirt a.thickbox {  position: relative; top:0px; left:0px}

#contenu-interne .fiche-t-shirt .innerfade a.thickbox {  position: relative; top:5px; left:5px}

#contenu-interne .fiche-t-shirt a.thickbox {  position: relative; top:5px; left:5px}

#contenu-interne .fiche-t-shirt .description {  padding:5px 0 0 5px; width: 248px; float:right; }

/*//////////////////////////////// fiche decli ///////////////////////////////////*/

#personnalisation{
	cursor: pointer;
	padding-left: 60px;
}

#fondAccueil{
	width:522px;
	height:292px;
	background: url('../images/fondaccueil.png') no-repeat center;
}

#fondAccueil .contenuAccueil{
	padding:40px 175px 10px 185px;
	text-align:left;
}

#fondAccueil .contenuAccueil h1{
	color: #000;
	font-weight: bold;
}

#fondAccueil .contenuAccueil p{
	color: #000;
}

#fondAccueil .contenuAccueil a{
	color: #000;
}